/* ===========================
   Brand Design Tokens
   Real values from the ACA design system. Declared once here —
   reused across header, footer, and any other component.
   =========================== */
:root {
    /* --- Raw design tokens (source of truth) --- */
    --green: #3DB832;
    --green-deep: #2A8A22;
    --green-ink: #16451A;
    --yellow: #F5E132;
    --yellow-soft: #FFF6BA;
    --blue: #7EC8E3;
    --blue-soft: #DBF0F8;
    --ink: #1A1A1A;
    --ink-2: #4A4A4A;
    --ink-3: #7A7A7A;
    --line: #E6E2D6;
    --cream: #FAF7EE;
    --cream-2: #F3EFE0;
    --paper: #FFFFFF;
    --serif: "Newsreader", "Source Serif 4", Georgia, serif;
    --sans: "IBM Plex Sans", "Geist", system-ui, sans-serif;
    --mono: "JetBrains Mono", ui-monospace, monospace;
    /* --- Semantic aliases (what components actually reference) ---
       Mapped onto the raw tokens above so components never
       hardcode a raw color/font directly. */
    --aca-green: var(--green);
    --aca-green-deep: var(--green-deep);
    --aca-green-ink: var(--green-ink);
    --aca-yellow: var(--yellow);
    --aca-yellow-soft: var(--yellow-soft);
    --aca-blue: var(--blue);
    --aca-blue-soft: var(--blue-soft);
    --aca-dark: var(--ink);
    --aca-neutral: var(--cream);
    /* Text tones */
    --aca-text-light: var(--cream);
    --aca-text-muted: var(--ink-3);
    --aca-text-faint: var(--ink-2);
    --aca-text-white: var(--paper);
    /* Footer-specific aliases */
    --footer-bg: var(--aca-dark);
    --footer-text: var(--cream);
    --footer-text-muted: #b9b9b9; /* lighter than ink-3 for readability on dark bg */
    --footer-text-faint: #9a9a9a;
    --footer-heading-accent: var(--aca-yellow);
    --footer-border: rgba(255, 255, 255, 0.12);
    --footer-icon-bg: rgba(255, 255, 255, 0.08);
    --footer-icon-hover-bg: var(--aca-yellow);
    --footer-icon-hover-text: var(--aca-dark);
    /* Header-specific aliases */
    --header-bg: var(--paper);
    --header-text: var(--ink);
    --header-accent: var(--aca-green);
    --header-border: var(--line);
    /* Shared brand typography */
    --font-serif: var(--serif);
    --font-sans: var(--sans);
    --font-mono: var(--mono);
}