/* ============================================================
   tokens.css — Xpected2 shared design tokens
   ------------------------------------------------------------
   Single source of truth for the site palette. Loaded by every
   page BEFORE its page stylesheet (styles.css or video.css).

   Two themes:
   - light (default): the cream/olive field-manual brand
   - dark  ([data-theme="dark"]): the navy "Battle Group
     Counsel" scheme from the original rubio-profile draft
   ============================================================ */

:root {
    color-scheme: light;

    /* === BASE LAYER (60%) === */
    --cream: #ece9df; /* oat / tactical canvas — cooler than before */
    --paper: #dcd6c4; /* darker section banding */

    /* === STRUCTURE (30%) === */
    --ink: #1c1f1a; /* charcoal w/ green undertone, not true black */
    --ink-soft: #2a2d26; /* one step up from ink, for nested dark UI */
    --muted: #6a6d5e; /* cool stone for body copy */

    /* === BRAND ACCENT (lead) — USMC olive === */
    --olive: #3d4a2e; /* USMC field drab — primary brand */
    --olive-light: #5c6a47; /* lighter combat olive for hover / hierarchy */

    /* === SUPPORTING METAL === */
    --brass: #8a6f2e; /* darker military brass for stamps + tags */
    --brass-light: #b8923f; /* the older gold, kept only for tight contrast on dark bg */

    /* === BLAZE ACCENT (10% — rare, must earn its place) === */
    --rust: #c4521b; /* muted blaze orange — El Caballo only */
    --rust-deep: #8a3812; /* deeper for hover / supporting */

    /* === RGB TRIPLETS (for rgba() derivations) === */
    --ink-rgb: 28, 31, 26;
    --cream-rgb: 236, 233, 223;
    --olive-rgb: 61, 74, 46;
    --brass-light-rgb: 184, 146, 63;

    /* === STRUCTURAL BAKES (gradients, wells, veils) === */
    --well: #0c0e0b; /* image well behind screenshots/renders */
    --nav-veil: rgba(236, 233, 223, 0.92); /* fixed-nav backdrop */
    --card-grad-a: #b8b69e; /* executive card frame gradient */
    --card-grad-b: #6e7256;
    --portrait-grad-a: #9da08a; /* portrait band gradient */
    --portrait-grad-b: #3d4a2e;
    --portrait-glow: rgba(220, 220, 195, 0.5);
    --caballo-grad-a: #6b1f1f; /* El Caballo maroon card */
    --caballo-grad-b: #2a1010;
    --grain-opacity: 0.6; /* paper-grain overlay strength */

    /* on-plaque colors (plaques use --ink as their ground) */
    --plaque-gold: #b8923f; /* gold on the dark ink plaque */
    --plaque-dim: rgba(236, 233, 223, 0.55);

    /* accent-ground sections (El Caballo) */
    --caballo-ground: #3d4a2e; /* olive stage in light */
    --on-accent: #ece9df;
    --on-accent-rgb: 236, 233, 223;

    /* full-width dark stat band (KPI bar) — ink in light, navy stage in dark */
    --band-ground: #1c1f1a;
}

/* === DARK — the navy Battle Group Counsel scheme === */
:root[data-theme="dark"] {
    color-scheme: dark;

    --cream: #0a0e1a; /* navy-deep — the page */
    --paper: #1c2540; /* navy-mid — banding, cards */

    --ink: #e8edf4; /* near-white type */
    --ink-soft: #232d4a; /* navy-surface — nested panels */
    --muted: #8a9bb5; /* steel */

    --olive: #4a7ba7; /* steel-blue accent (was olive) */
    --olive-light: #6b93be;

    --brass: #b8923f; /* gold holds on navy */
    --brass-light: #d3ad64;

    --rust: #d8622a; /* blaze, brightened for dark ground */
    --rust-deep: #a04418;

    --ink-rgb: 232, 237, 244;
    --cream-rgb: 10, 14, 26;
    --olive-rgb: 74, 123, 167;
    --brass-light-rgb: 211, 173, 100;

    --well: #060810;
    --nav-veil: rgba(10, 14, 26, 0.92);
    --card-grad-a: #232d4a;
    --card-grad-b: #101728;
    --portrait-grad-a: #2a3a5e;
    --portrait-grad-b: #141c33;
    --portrait-glow: rgba(138, 155, 181, 0.35);
    --caballo-grad-a: #571a1a;
    --caballo-grad-b: #1e0b0b;
    --grain-opacity: 0.25;

    /* plaques invert to light cards in dark mode */
    --plaque-gold: #7a6120; /* dark gold, readable on the light card */
    --plaque-dim: rgba(10, 14, 26, 0.72);

    /* El Caballo gets a deep navy stage, not the bright accent */
    --caballo-ground: #131c33;
    --on-accent: #e8edf4;
    --on-accent-rgb: 232, 237, 244;

    /* stat band stays a dark stage in dark mode (no plaque inversion) */
    --band-ground: #131c33;
}