/*
 * Prolocation branding on top of the bundled keycloak.v2 login theme.
 *
 * keycloak.v2 exposes its branding through CSS custom properties, so in most
 * cases overriding these four variables is all that is needed. Only add rules
 * below when a variable cannot express the change -- every extra selector is a
 * dependency on upstream PatternFly markup that has to be re-checked on each
 * Keycloak upgrade.
 */

:root {
    --keycloak-logo-url: url("../img/prolocation-logo.svg");
    --keycloak-bg-logo-url: url("../img/prolocation-bg.png");
    --keycloak-logo-height: 42px;
    --keycloak-logo-width: 235px;
    --keycloak-card-top-color: #ff0600;
}

/* The header sits on top of the dark background image in both colour schemes,
   so keep it readable there instead of following the light/dark card. */
#kc-header-wrapper {
    color: #ffffff;
}

/* The OTP field holds a PIN + token; keep the digits legible and evenly spaced. */
#otp {
    font-family: var(--pf-v5-global--FontFamily--monospace, monospace);
    letter-spacing: 0.15em;
}