/* ───────────────────────────────────────────────────────────────────────────
   Vision Portal overlay — COLOR: Vision Blue (legacy-app continuity)
   Layer AFTER KJSTheme.css in the head markup, same slot as the KJS site's
   KJSColor_* overlays (structural template: KJSColor_BlueGold.css). Same
   warm-cream surfaces + dot texture + meaningful radii as the KJS Student
   overlays (LOCKED, DESIGN_SYSTEM.md §3.1/§3.6); brand is the legacy Vision
   app blue (VISION-OWNED, §6.2 — Gate 1 2026-07-05: accent #0d73bb, hover
   #0a588f, on-accent #ffffff; --accent-soft derived per §6.2 note).
   Pair with KJSType_Serif. Do not load together with a KJSColor_* overlay.
   ─────────────────────────────────────────────────────────────────────────── */
:root {
    /* warm cream surfaces (LOCKED — identical to KJS overlays) */
    --paper:      #faf6ee;
    --paper-2:    #f2ebdd;
    --card:       #fffdf7;
    --card-2:     #f4ecdd;
    --rule:       #e7ddca;
    --rule-2:     #d8cbb2;
    --ring-track: #e7ddca;
    /* warm ink (LOCKED except --ink-3 — §4.9 readability amendment, see DESIGN_SYSTEM §3.1) */
    --ink:        #2c2620;
    --ink-2:      #4f463a;
    --ink-3:      #766a59;   /* §4.9 floor amendment 2026-07-06: KJS value #837663 hits 4.36:1 on card; darkened 10% (hue kept) → 5.19/4.90/4.50 on card/paper/card-2 */
    --ink-4:      #ab9c84;
    /* Vision blue brand → drives every --accent-based fill */
    --accent:      #0d73bb;
    --accent-2:    #0a588f;
    --accent-soft: #d7e5ee;
    --accent-ink:  #ffffff;   /* text/icon on the brand fill (legacy: white-on-blue) */
    --gold:        #c39a44;   /* overlay-format parity token; unconsumed by KJSTheme */
    /* harvest wheat (VISION-OWNED, 2026-09-17): the Live Soul Count road to one
       billion paints its travelled stretch ripe-ear to pale-grain; --wheat-ink is
       the readable text on cream for reached milestones */
    --wheat:       #b8860b;
    --wheat-2:     #d9a520;
    --wheat-3:     #f0c75e;
    --wheat-4:     #f7dc8f;
    --wheat-ink:   #5a4100;
    /* pennant inks (VISION-OWNED, 2026-09-18): the Soul Count ledger's
       country pennants are drawn from these five plus wheat, card and ink,
       warmed and a point muted to sit on cream; the pole is a warm grey */
    --pennant-red:   #c94a3f;
    --pennant-blue:  #2f5f9e;
    --pennant-navy:  #24416b;
    --pennant-sky:   #8ab8dc;
    --pennant-green: #3e7c4b;
    --pennant-pole:  #9b8c74;
    /* meaningful radii bump (LOCKED active values) */
    --radius:    12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
}

/* meaningful = brand-forward: strong fills that hardcode --ink become the brand */
.btn--primary               { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.btn--primary:hover         { background: var(--accent-2); color: var(--accent-ink); border-color: var(--accent-2); }
.pill--dark                 { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.avatar                     { background: var(--accent); color: var(--accent-ink); }
c-kjs-student-header .avatar       { background: var(--accent); color: var(--accent-ink); }
c-kjs-student-header .brand__mark  { background: var(--accent); }
c-kjs-student-header .brand__mark span { color: var(--accent-ink); }
.langtoggle button.is-on,
c-kjs-student-header .langtoggle button.is-on { background: var(--accent); color: var(--accent-ink); }
c-kjs-student-header .navlink.is-active { background: var(--accent); color: var(--accent-ink); box-shadow: none; }
/* .hud__fill and other var(--accent) fills follow automatically */

/* keep the light-style warm paper dot texture (LOCKED) */
body::before {
    background-color: #faf6ee;
    background-image:
        radial-gradient(rgba(120, 96, 50, 0.05) 1px, transparent 1.6px),
        radial-gradient(rgba(120, 96, 50, 0.035) 1px, transparent 1.6px);
    background-size: 4px 4px, 7px 7px;
    background-position: 0 0, 1px 2px;
}