/*
    päd-aktiv brand theme for Bootstrap 5.3 — loaded AFTER css/bootstrap.min.css, BEFORE app.css.

    Bootstrap 5.3 bakes literal hex values into its per-component variables (.btn-primary sets
    --bs-btn-bg:#0d6efd, not var(--bs-primary)), so recolouring means overriding those component
    variable sets, not just --bs-primary. That is what most of this file does.

    Colour roles follow the existing brand tokens: petrol carries every interactive surface, the
    fresh green stays decorative. Green on white fails text/button contrast, so it is deliberately
    NOT mapped onto --bs-success — Bootstrap's own semantic colours keep their meaning.
*/

:root {
    /* päd-aktiv brand (from the official logo): petrol wordmark on a fresh-green bar. */
    --pa-petrol: #184669;
    --pa-petrol-dark: #123350;
    --pa-green: #90b620;
    --pa-green-dark: #7a9c17;
    --pa-tint: #eef4dc;
    --pa-tint-border: #cfe0a3;

    /* Bootstrap theme colour + the RGB triplet its utilities (bg-primary-subtle, text-primary) build on. */
    --bs-primary: #184669;
    --bs-primary-rgb: 24, 70, 105;

    --bs-link-color: #184669;
    --bs-link-color-rgb: 24, 70, 105;
    --bs-link-hover-color: #123350;

    /* Focus ring: petrol instead of Bootstrap blue, app-wide. */
    --bs-focus-ring-color: rgba(24, 70, 105, .25);
}

/* --- Buttons ------------------------------------------------------------------------------- */

.btn-primary {
    --bs-btn-bg: #184669;
    --bs-btn-border-color: #184669;
    --bs-btn-hover-bg: #123350;
    --bs-btn-hover-border-color: #123350;
    --bs-btn-active-bg: #123350;
    --bs-btn-active-border-color: #0e2840;
    --bs-btn-disabled-bg: #184669;
    --bs-btn-disabled-border-color: #184669;
}

.btn-outline-primary {
    --bs-btn-color: #184669;
    --bs-btn-border-color: #184669;
    --bs-btn-hover-bg: #184669;
    --bs-btn-hover-border-color: #184669;
    --bs-btn-active-bg: #184669;
    --bs-btn-active-border-color: #184669;
    --bs-btn-disabled-color: #184669;
    --bs-btn-disabled-border-color: #184669;
}

.btn-link {
    --bs-btn-color: #184669;
    --bs-btn-hover-color: #123350;
    --bs-btn-active-color: #123350;
}

/* --- Forms --------------------------------------------------------------------------------- */

/* Checked boxes/radios and focused fields pick up petrol rather than Bootstrap blue. */
input.form-check-input:checked {
    background-color: #184669;
    border-color: #184669;
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
    border-color: #184669;
    box-shadow: 0 0 0 .25rem rgba(24, 70, 105, .25);
}

/* --- Typography ---------------------------------------------------------------------------- */

/* Vollkorn (bold italic) is the display face of paed-aktiv.de. Self-hosted from wwwroot/fonts —
   SIL Open Font License — so no request leaves for Google's CDN. Only the two subsets we need. */
@font-face {
    font-family: 'Vollkorn';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/vollkorn-italic-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Vollkorn';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/vollkorn-italic-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --pa-display-font: 'Vollkorn', Georgia, 'Times New Roman', serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #184669;
}

/* --- päd-aktiv card accent ------------------------------------------------------------------
   The green top rule is the most recognisable element of the current design; kept as an opt-in
   modifier so a plain BsCard still looks like a plain Bootstrap card. */

.card-accent {
    border-top: 3px solid var(--pa-green);
}

.card-accent-start {
    border-left: 4px solid var(--pa-green);
}

/* --- Brand tint ------------------------------------------------------------------------------
   Pale-green surface behind the explanatory texts carried over from the paper form. */

.bg-brand-tint {
    background-color: var(--pa-tint);
    border-color: var(--pa-tint-border) !important;
}