/* Safetyport Account Theme - PatternFly v5 CSS Variable Overrides */

:root {
    /* Primary colors */
    --pf-v5-global--primary-color--100: rgb(63, 172, 255);
    --pf-v5-global--primary-color--200: rgb(43, 152, 235);
    --pf-v5-global--link--Color: rgb(63, 172, 255);
    --pf-v5-global--link--Color--hover: rgb(43, 152, 235);

    /* Background */
    --pf-v5-global--BackgroundColor--100: #f5f5f5;
    --pf-v5-global--BackgroundColor--200: #ffffff;

    /* Danger/brand color */
    --pf-v5-global--danger-color--100: #E10600;
    --pf-v5-global--palette--red-100: #E10600;
}

/* Hide default Keycloak logo and show custom branding */
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand,
img[src*="logo"] {
    content: url("data:image/svg+xml,%3Csvg width='100' height='18' viewBox='0 0 149 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 18.3856C0 22.9169 3.07235 26 7.58781 26H27.2044V20.0568H8.8831V0H0V18.3856ZM117.147 0V5.9432H128.62V26H137.504V5.9432H148.977V0H117.147ZM84.7601 0V26H113.26V20.0568H93.6432V15.7859H112.52V10.2141H93.6432V5.9432H113.26V0H84.7601ZM71.6199 0V17.4571L57.2589 0H46.636V26H53.8537V8.54287L68.2147 26H78.8377V0H71.6199ZM31.8305 26H40.7136V0H31.8305V26Z' fill='%23E10600'/%3E%3C/svg%3E");
    height: 18px !important;
    width: 100px !important;
}

/* Primary button */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: rgb(63, 172, 255);
    --pf-v5-c-button--m-primary--hover--BackgroundColor: rgb(43, 152, 235);
}

/* Links */
a {
    color: rgb(63, 172, 255);
}

a:hover {
    color: rgb(43, 152, 235);
}

/* Page header/masthead */
.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

/* Navigation active state */
.pf-v5-c-nav__link.pf-m-current {
    --pf-v5-c-nav__link--m-current--Color: rgb(63, 172, 255);
    --pf-v5-c-nav__link--m-current--after--BorderColor: rgb(63, 172, 255);
}

/* Cards */
.pf-v5-c-card {
    --pf-v5-c-card--BorderRadius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --pf-v5-global--BackgroundColor--100: #111111;
        --pf-v5-global--BackgroundColor--200: #1a1a1a;
        --pf-v5-global--Color--100: #bbbbbb;
        --pf-v5-global--BorderColor--100: #444444;
    }

    .pf-v5-c-masthead {
        --pf-v5-c-masthead--BackgroundColor: #1a1a1a;
        border-bottom-color: #333333;
    }

    .pf-v5-c-page__sidebar {
        --pf-v5-c-page__sidebar--BackgroundColor: #1a1a1a;
    }

    .pf-v5-c-card {
        --pf-v5-c-card--BackgroundColor: #1a1a1a;
    }

    .pf-v5-c-form-control {
        --pf-v5-c-form-control--BackgroundColor: #2a2a2a;
        --pf-v5-c-form-control--BorderTopColor: #444444;
        --pf-v5-c-form-control--BorderRightColor: #444444;
        --pf-v5-c-form-control--BorderBottomColor: #444444;
        --pf-v5-c-form-control--BorderLeftColor: #444444;
        color: #bbbbbb;
    }
}