/* DESIGN TOKENS -- approved by Eleven 2026-08-09/10.
Only permitted colours, fonts, radii, spacing values sitewide.
New text colours must be WCAG AA contrast-checked before use. */
:root {
    --bg: #13100D;
    --surface: #1C1712;
    --elevated: #26201A;
    --text: #F5F1E8;
    --text-secondary: #C4BBAE;
    --text-muted: #948B7D;
    --gold: #D4AF5A;
    --gold-hover: #E4C170;
    --gold-disabled: #6B6552;
    --gold-restrained: #A98A46;
    --green: #33A870;
    --red: #A63232;
    --red-text: #D9695A;
    --terracotta: #CC7A3E;
    --gd-admin: #8A8672;
    --gn-admin: #5C8E77;
    --err: #E2574C;
    --r-sm: 4px;
    --r-md: 8px;
    --r-lg: 16px;
    --r-full: 999px;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --bk: var(--bg);
    --dp: var(--surface);
    --sf: #221C16;
    --cd: var(--elevated);
    --gd: var(--gold);
    --gdl: var(--gold-hover);
    --gdp: rgba(212,175,90,.14);
    --gdb: rgba(212,175,90,.30);
    --gnl: var(--green);
    --gnp: rgba(51,168,112,.16);
    --gnb: rgba(51,168,112,.34);
    --wh: var(--text);
    --w8: rgba(245,241,232,.92);
    --w5: rgba(245,241,232,.70);
    --w3: rgba(245,241,232,.48);
    --bm: rgba(245,241,232,.12);

    /* Light-mode section tokens -- added 2026-08-10, homepage brightness pass. Reusable sitewide. */
    --bg-light: #F5F1E8;
    --sf-light: #EFE6D2;
    --cd-light: #E8DCC0;
    --ink: #221D14;
    --ink8: rgba(34,29,20,.86);
    --ink5: rgba(34,29,20,.62);
    --ink3: rgba(34,29,20,.42);
    --inkbm: rgba(34,29,20,.12);
    --gd-dark: #8A5A1E;
    --gn: #1A6B4A;
    --bd: rgba(212,178,84,.24);

    /* Type scale -- homepage design pass, approved 2026-08-10 (Eleven).
       Display = hero headline. Dramatic jumps between levels, not incremental. */
    --fs-display: clamp(2.75rem, 11vw, 4.75rem);
    --fs-h1: clamp(2rem, 5vw, 2.75rem);
    --fs-h2: clamp(1.5rem, 3.5vw, 2rem);
    --fs-body: 1rem;
    --fs-caption: 0.8125rem;
    --lh-tight: 1.05;
    
}

/* Global fix: form controls do not inherit page font by default.
This is the root cause of the Arial leak on checkin.php inputs
and buttons, and likely elsewhere. One fix, whole site. */
input, button, textarea, select {
    font-family: inherit;
    
}