:root{
/* Base — CRT darks */
--crt-black:#121016;
--crt-deep:#0C0A10;
--surface-1:#1A1720;
--surface-2:#231F2C;
--surface-3:#2D2839;
--line-1:#3A3448;
--line-2:#4C4560;
/* Warm paper (light accents, box-art) */
--paper:#F3EAD3;
--paper-dim:#DFD4B8;
/* Foreground */
--fg-1:#F3EAD3;
--fg-2:#B7AECB;
--fg-3:#847C99;
--fg-inverse:#121016;
/* Cartridge rainbow — brand spectrum */
--ray-red:#E8483F;
--ray-orange:#F5A623;
--ray-gold:#FFC53D;
--ray-green:#3DDC84;
--ray-cyan:#3FD8E8;
--ray-purple:#8E6BF7;
/* Primary accent — Broadcast Amber */
--accent:#F5A623;
--accent-hi:#FFC14D;
--accent-lo:#C27F0A;
--accent-ink:#121016;
/* Pitch greens — the playing field */
--pitch:#2FA84F;
--pitch-deep:#1E7A38;
--pitch-line:#E9F6EC;
/* Semantic */
--ok:#3DDC84;
--warn:#FFC53D;
--danger:#E8483F;
--info:#3FD8E8;
/* Semantic aliases */
--text-body:var(--fg-1);
--text-muted:var(--fg-2);
--text-faint:var(--fg-3);
--surface-page:var(--crt-black);
--surface-card:var(--surface-1);
--surface-raised:var(--surface-2);
--border-default:var(--line-1);
--border-strong:var(--line-2);
--link:var(--ray-cyan);
--link-hover:var(--accent);
--focus-ring:var(--ray-cyan);
}