/*
    Copyright (c) 2001 Envision Technology Partners, Inc. All rights reserved.
*/
:root {
    --iz-primary-text-color: #ffffff;
    --iz-primary-color: #0f4d90;
    --iz-primary-color-dark: #0d4179;
    --iz-primary-color-darker: #0a3462;
    --menu-color-1: #cfcfcf; /* menu background */
    --menu-color-2: #105299; /* item background */
    --menu-color-3: #0f4d90; /* item background on hover */
    --iz-top-nav-color: #0f4d90;
    --iz-login-header-color: #cfcfcf;
    --iz-login-title-color: #0f4d90;
    /* Static no-JS fallback for the BS5 login white-card sizing calc in Login.css:
       `min-height: calc(800px - var(--login-header-height, 109px))`. PDPH has a
       stacked PhilaVax logo + "Philadelphia Department of Public Health" title
       (~205px) — larger than the generic 109px default. Without this per-tenant
       value, if the inline header-height publisher script in
       _LayoutLoginBootstrap5.cshtml is blocked (CSP misconfiguration, no-JS
       browser, accessibility tool), the card would be ~96px too tall and break
       the 800px above-fold target. JS still overrides this at runtime when it
       runs, so it's a graceful-degradation default. Only affects pre-login pages
       (post-login layouts don't have body.login-color so the rule doesn't match). */
    --login-header-height: 205px;
}

/*
    PA has a dark primary button so the black focus ring is hard to detect.
    Using a white line inside the button to indicate focus.
*/
.btn.btn-primary:focus-visible {
    outline: solid 1px var(--iz-primary-text-color) !important;
    outline-offset: -3px;
}