:root {
    --cadline-primary: #c72c58;
    --cadline-primary-selected: #d3365520;
    --cadline-primary-hover: #cc8798;
    --cadline-dark: #0f172a;
    --cadline-light: #f7f7fb;

    --pf-v5-global--palette--red-9999: #c72c58;
    --pf-v5-global--palette--red-8888: #c72c58;
    --pf-v5-global--palette--blue-300: #c72c58;
    --pf-v5-global--BackgroundColor--100: #ffffff;
    --pf-v5-global--BackgroundColor--150: #f9fafb;
    --pf-v5-global--BackgroundColor--200: #f3f4f6;
    --pf-v5-global--BackgroundColor--300: #e5e7eb;
    --pf-v5-global--BackgroundColor--400: #d1d5db;
    --pf-v5-global--BorderColor--100: #d1d5db;
    --pf-v5-global--BorderColor--200: #cbd5e1;
    --pf-v5-global--BorderColor--300: #94a3b8;
    --pf-v5-global--BorderColor--400: #64748b;
    --pf-v5-global--Color--100: #111827;
    --pf-v5-global--Color--200: #374151;
    --pf-v5-global--active-color--100: #c72c58;
    --pf-v5-global--primary-color--100: #c72c58;
    --pf-v5-global--primary-color--300: #c72c58;
    --pf-v5-global--primary-color--400: #ffffff;
    --pf-v5-global--custom-color--200: #73c5c5;
    --pf-v5-global--success-color--100: #5ba352;
    --pf-v5-global--warning-color--100: #f0ab00;
    --pf-v5-global--warning-color--200: #f4c145;
    --pf-v5-global--danger-color--100: #fe5142;
    --pf-v5-global--danger-color--200: #ff7468;
    --pf-v5-global--link--Color: #c72c58;
    --pf-v5-global--link--Color--hover: #cc8798;
    --pf-v5-global--link--Color--visited: #a855f7;
    --pf-v5-global--disabled-color--100: #9ca3af;
    --pf-v5-global--disabled-color--200: #d1d5db;
    --pf-v5-global--disabled-color--300: #e5e7eb;
    --pf-v5-global--icon--Color--light: #6b7280;
    --pf-v5-global--icon--Color--dark: #111827;
    --pf-v5-global--Color--dark-100: #111827;
    --pf-v5-global--Color--dark-200: #374151;
    --pf-v5-global--Color--light-100: #ffffff;
    --pf-v5-global--Color--light-200: #f9fafb;
    --pf-v5-global--Color--light-300: #f3f4f6;
    --pf-v5-global--BorderColor--dark-100: #64748b;
    --pf-v5-global--BorderColor--light-100: #d1d5db;
    --pf-v5-global--primary-color--light-100: #c72c58;
    --pf-v5-global--primary-color--dark-100: #c72c58;
    --pf-v5-global--link--Color--light: #c72c58;
    --pf-v5-global--link--Color--light--hover: #cc8798;
    --pf-v5-global--link--Color--dark: #c72c58;
    --pf-v5-global--link--Color--dark--hover: #cc8798;
    --pf-v5-global--icon--Color--light--light: #6b7280;
    --pf-v5-global--icon--Color--dark--light: #111827;
    --pf-v5-global--icon--Color--light--dark: #6b7280;
    --pf-v5-global--icon--Color--dark--dark: #111827;
    --pf-v5-global--BackgroundColor--light-100: #ffffff;
    --pf-v5-global--BackgroundColor--light-200: #f3f4f6;
    --pf-v5-global--BackgroundColor--light-300: #e5e7eb;
    --pf-v5-global--BackgroundColor--dark-100: #ffffff;
    --pf-v5-global--BackgroundColor--dark-200: #f3f4f6;
    --pf-v5-global--BackgroundColor--dark-300: #e5e7eb;
    --pf-v5-global--BackgroundColor--dark-400: #d1d5db;
    --pf-v5-global--BoxShadow--sm:
        0 1px 2px 0 rgba(15, 23, 42, 0.08),
        0 0 0 1px rgba(15, 23, 42, 0.04);
    --pf-v5-global--BoxShadow--md:
        0 4px 10px 0 rgba(15, 23, 42, 0.10),
        0 0 0 1px rgba(15, 23, 42, 0.04);
    --pf-v5-global--BoxShadow--lg:
        0 10px 24px 0 rgba(15, 23, 42, 0.12),
        0 0 0 1px rgba(15, 23, 42, 0.04);
    --pf-v5-global--BoxShadow--xl:
        0 18px 36px 0 rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(15, 23, 42, 0.04);
    --pf-v5-global--BoxShadow--inset: inset 0 1px 2px 0 rgba(15, 23, 42, 0.06);
}

body.login-pf {
    background: #ffffff;
    color: #111827;
}

.login-pf main {
    color: #111827;
}

.login-pf-page .card-pf {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.18);
}

.login-pf-page .login-pf-header h1 {
    color: #111827;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.login-pf-page .pf-v5-c-login__main,
.login-pf-page .pf-v5-c-login__main-header,
.login-pf-page .pf-v5-c-login__main-body,
.login-pf-page .pf-v5-c-title,
.login-pf-page .pf-v5-c-form__label,
.login-pf-page .pf-v5-c-check__label,
.login-pf-page .pf-v5-c-helper-text,
.login-pf-page .pf-v5-c-form__helper-text,
.login-pf-page .pf-v5-c-form-control__utilities,
.login-pf-page .pf-v5-c-select__toggle-text,
.login-pf-page .pf-v5-c-menu-toggle__text,
.login-pf-page label,
.login-pf-page p,
.login-pf-page span,
.login-pf-page li {
    color: #111827;
}

.pf-c-button.pf-m-primary,
.btn-primary {
    background-color: var(--cadline-primary);
    border-color: var(--cadline-primary);
    color: #fff;
}

.pf-c-button.pf-m-primary:hover,
.btn-primary:hover {
    filter: brightness(1.05);
}

.login-pf-page .kc-social-links .kc-social-link {
    border-color: #d1d5db;
}

.login-pf-page .form-control,
.login-pf-page .pf-v5-c-form-control,
.login-pf-page .pf-v5-c-select__toggle,
.login-pf-page .pf-v5-c-menu-toggle {
    background: #ffffff;
    border-color: #d1d5db;
    color: #111827;
}

.login-pf-page .form-control::placeholder,
.login-pf-page .pf-v5-c-form-control::placeholder {
    color: #6b7280;
}

.login-pf-page .input-group-addon,
.login-pf-page .pf-v5-c-input-group__item,
.login-pf-page .pf-v5-c-button.pf-m-control,
.login-pf-page .pf-v5-c-form-control__toggle-icon,
.login-pf-page .pf-v5-c-select__toggle-button,
.login-pf-page .pf-v5-c-menu-toggle__button,
.login-pf-page .pf-v5-c-menu-toggle__controls {
    background: #ffffff;
    border-color: #d1d5db;
    color: #111827;
}

.login-pf-page .pf-v5-c-button.pf-m-control:hover,
.login-pf-page .pf-v5-c-select__toggle:hover,
.login-pf-page .pf-v5-c-menu-toggle:hover {
    background: #f9fafb;
}

.login-pf-page .pf-v5-c-form-control:focus,
.login-pf-page .pf-v5-c-select__toggle:focus,
.login-pf-page .pf-v5-c-menu-toggle:focus,
.login-pf-page .pf-v5-c-button.pf-m-control:focus {
    border-color: var(--cadline-primary);
}

.login-pf-page .pf-v5-c-select__toggle-arrow,
.login-pf-page .pf-v5-c-menu-toggle__toggle-icon,
.login-pf-page .pf-v5-c-form-control__toggle-icon,
.login-pf-page .pf-v5-c-button.pf-m-control {
    color: #111827;
}

.login-pf-page a {
    color: var(--cadline-primary);
}

.login-pf-page a:hover {
    color: var(--cadline-primary-hover);
}

#social-keycloak-oidc .svg {
    display: none;
}

[name="submitAction"] {
    background-color: var(--pf-v5-c-button--m-primary--BackgroundColor);
    color: var(--pf-v5-c-button--m-primary--Color);
    margin-bottom: 10px;
}

[name="submitAction"]:hover {
    background-color: var(--cadline-primary-hover);
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: var(--cadline-primary-hover);
}

.pf-v5-c-check__input:checked {
    accent-color: var(--cadline-primary);
}

.pf-v5-c-button {
    cursor: pointer;
}

[name="submitAction"]:focus {
    background-color: var(--cadline-primary-selected);
}

.pf-v5-c-button.pf-m-primary:focus {
    background-color: var(--cadline-primary-selected);
}

[name="submitAction"]:active {
    background-color: var(--cadline-primary-selected);
}

.pf-v5-c-button.pf-m-primary:active {
    background-color: var(--cadline-primary-selected);
}

.pf-v5-c-check__input:checked {
    accent-color: var(--cadline-primary);
}

.pf-v5-c-button {
    cursor: pointer;
}