/* ============================================================================ go·for·show — shared design tokens (single source of truth for the suite) Themes: light / dark / show ("Blackout"). BLACKOUT IS THE DEFAULT — the :root,[data-theme="show"] block below doubles as the no-attribute fallback, so a page with no JS and no data-theme renders pure-black correctly. Contract: , persisted in localStorage gfs_theme (resolved) + gfs_theme_mode (preference; may be "system"). LAYER 1 is a VERBATIM copy of loadin/index.html lines 107-110 (the binding Visual Canon). Never hand-edit Layer 1 — change the app first, then re-run scripts/verify-theme-parity.mjs (it must exit 0). ========================================================================= */ /* LAYER 1 — VERBATIM CANON (loadin/index.html:107-110). DO NOT EDIT. */ :root{--font-primary:'Inter',-apple-system,sans-serif;--font-mono:'JetBrains Mono',monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:0.3s cubic-bezier(0.32,0.72,0,1);--transition-normal:0.2s ease;--cat-drums:#d4a040;--cat-guitars:#5a9a6e;--cat-bass:#6b9dad;--cat-vocals:#c45050;--cat-keys:#9b7ed8;--cat-brass:#d4a574;--cat-strings:#5aada5;--cat-dj:#4a9ab5;--cat-misc:#8a8580;--z-stage-base:1;--z-stage-element:10;--z-stage-selected:100;--z-panel:50;--z-dropdown:100;--z-sticky:150;--z-overlay:200;--z-modal:300;--z-popover:400;--z-toast:500;--z-system:600;--z-onboarding:700;--icon-shadow-deep:#1a1a1a;--icon-shadow:#2a2a2a;--icon-dark:#333;--icon-mid:#444;--icon-mid-light:#555;--icon-stand:#777;--icon-light:#888;--icon-highlight:#ccc;--icon-skin:#e8e4df;--icon-cymbal:#c9a227;--icon-cymbal-dark:#8b6914;--icon-wood:#8b4513;--icon-wood-dark:#5d3a1a} :root,[data-theme="show"]{--void:#000000;--surface:#000000;--stage-surface:#000000;--elevated:#050505;--subtle:#0a0a0a;--text-primary:#ffffff;--text-secondary:#999999;--text-muted:#777777;--border:rgba(255,255,255,0.06);--border-subtle:rgba(255,255,255,0.03);--accent:#ffffff;--accent-text:#ffffff;--accent-soft:rgba(255,255,255,0.06);--accent-dim:rgba(255,255,255,0.12);--go:#6ab87e;--caution:#e8b84a;--stop:#d45858;--info:#8ac0d0;--link-color:#ffffff;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--gradient-header:linear-gradient(180deg,rgba(255,255,255,0.02) 0%,rgba(0,0,0,0) 100%);--gradient-nav:linear-gradient(0deg,rgba(255,255,255,0.02) 0%,rgba(0,0,0,0) 100%);--gradient-stage:none;--gradient-btn:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);--header-glow:0 1px 0 rgba(255,255,255,0.03)} [data-theme="dark"]{--void:#0d0f11;--surface:#161a1e;--stage-surface:#2d333b;--elevated:#1e2328;--subtle:#262c33;--text-primary:#e8e4df;--text-secondary:#b8b3aa;--text-muted:#8f8b82;--border:#2a3038;--border-subtle:#1f252b;--accent:#7eb8c9;--accent-text:#90c8d6;--accent-soft:rgba(126,184,201,0.12);--go:#6ab87e;--caution:#d4a040;--stop:#c45050;--info:#6b9dad;--link-color:#7eb8c9;--shadow-sm:0 1px 2px rgba(0,0,0,0.15),0 1px 4px rgba(0,0,0,0.1);--shadow-md:0 2px 4px rgba(0,0,0,0.1),0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 4px 8px rgba(0,0,0,0.1),0 8px 32px rgba(0,0,0,0.16);--gradient-header:linear-gradient(180deg,#181c21 0%,#161a1e 100%);--gradient-nav:linear-gradient(0deg,#181c21 0%,#161a1e 100%);--gradient-stage:linear-gradient(180deg,rgba(30,35,40,0.6) 0%,rgba(22,26,30,0.3) 30%,rgba(22,26,30,0.3) 70%,rgba(30,35,40,0.6) 100%);--gradient-btn:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%);--header-glow:0 1px 0 rgba(255,255,255,0.03),0 1px 3px rgba(0,0,0,0.2)} [data-theme="light"]{--void:#f5f0e8;--surface:#ebe5db;--stage-surface:#f2ede5;--elevated:#e0d9cd;--subtle:#d4cdc0;--text-primary:#1a1a1a;--text-secondary:#4a4540;--text-muted:#5a5448;--border:#b5ae9f;--border-subtle:#d9d3c7;--accent:#1a6a7a;--accent-text:#155866;--accent-soft:rgba(42,122,138,0.12);--go:#2d7a4a;--caution:#a07d10;--stop:#b04538;--info:#1a6a7a;--link-color:#1a6a7a;--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 1px 4px rgba(0,0,0,0.06);--shadow-md:0 2px 4px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.06);--shadow-lg:0 4px 8px rgba(0,0,0,0.05),0 8px 32px rgba(0,0,0,0.08);--gradient-header:linear-gradient(180deg,#ede8de 0%,#ebe5db 100%);--gradient-nav:linear-gradient(0deg,#ede8de 0%,#ebe5db 100%);--gradient-stage:linear-gradient(180deg,rgba(213,206,195,0.5) 0%,rgba(235,229,219,0.2) 30%,rgba(235,229,219,0.2) 70%,rgba(213,206,195,0.5) 100%);--gradient-btn:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);--header-glow:0 1px 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.06);--icon-shadow-deep:#1a1a1a;--icon-shadow:#2a2a2a;--icon-dark:#3a3530;--icon-mid:#4a443c;--icon-mid-light:#5a5448;--icon-stand:#6a6056;--icon-light:#8a8580;--icon-highlight:#a8a39a;--icon-skin:#c5bfb3;--icon-cymbal:#b8902a;--icon-cymbal-dark:#7a5b14;--icon-wood:#8b4513;--icon-wood-dark:#5d3a1a} /* LAYER 2 — ACCESSIBILITY AXES (verbatim, loadin/index.html:135,136,138,140) */ [data-contrast="high"][data-theme="dark"]{--void:#050607;--surface:#0b0d10;--stage-surface:#0e1114;--elevated:#12161a;--subtle:#171c21;--text-primary:#ffffff;--text-secondary:#f1f1f1;--text-muted:#dddddd;--border:#6a7480;--border-subtle:#4c5660;--accent:#9fdcff;--accent-text:#d8f1ff;--accent-soft:rgba(159,220,255,0.18);--go:#8fe3a8;--link-color:#9fdcff} [data-contrast="high"][data-theme="light"]{--void:#ffffff;--surface:#ffffff;--stage-surface:#f7f7f7;--elevated:#f3f3f3;--subtle:#ebebeb;--text-primary:#000000;--text-secondary:#111111;--text-muted:#222222;--border:#676767;--border-subtle:#8b8b8b;--accent:#004b63;--accent-text:#00384b;--accent-soft:rgba(0,75,99,0.14);--go:#0f6e2a;--link-color:#004b63} [data-grayscale="true"]{--accent:#98a0a8;--accent-text:#cad1d7;--accent-soft:rgba(152,160,168,0.16);--go:#a2a9b0;--link-color:#c8cdd2} [data-reduced-motion="true"] *,[data-reduced-motion="true"] *::before,[data-reduced-motion="true"] *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important} /* LAYER 3 — SITE EXTENSIONS (tokens the canon does not define; one block per theme so nothing overrides Layer 1) */ :root,[data-theme="show"]{--go-soft:rgba(106,184,126,0.12);--caution-soft:rgba(232,184,74,0.12);--stop-soft:rgba(212,88,88,0.12);--info-soft:rgba(138,192,208,0.12);--warn:var(--caution);--warn-soft:var(--caution-soft);--loadin:#ffffff;--preview:#d4a574;--gradient-text:linear-gradient(135deg,#ffffff 0%,#e8e8e8 50%,#999999 100%);--gradient-glow:none;--gradient-divider:linear-gradient(90deg,transparent,rgba(255,255,255,0.10),transparent);--gradient-border:linear-gradient(135deg,rgba(255,255,255,0.25),rgba(255,255,255,0.05));--gradient-mark:linear-gradient(135deg,#7eb8c9 0%,#7b6cff 100%);--brand-loadin:#7eb8c9;--brand-gainstage:#5a9a6e;--brand-changeover:#c49a3c;--brand-backline:#7c6faa;--gradient-loadin:linear-gradient(135deg,#7eb8c9 0%,#7b6cff 100%);--gradient-gainstage:linear-gradient(135deg,#5a9a6e 0%,#7b6cff 100%);--gradient-changeover:linear-gradient(135deg,#c49a3c 0%,#7b6cff 100%);--gradient-backline:linear-gradient(135deg,#7c6faa 0%,#7b6cff 100%)} [data-theme="dark"]{--accent-dim:rgba(126,184,201,0.25);--go-soft:rgba(106,184,126,0.15);--caution-soft:rgba(212,160,64,0.15);--stop-soft:rgba(196,80,80,0.15);--info-soft:rgba(107,157,173,0.15);--warn:var(--caution);--warn-soft:var(--caution-soft);--loadin:#7eb8c9;--preview:#d4a574;--gradient-text:linear-gradient(135deg,#a0d4e4 0%,#7eb8c9 50%,#a8a39b 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%,rgba(126,184,201,0.10) 0%,transparent 70%);--gradient-divider:linear-gradient(90deg,transparent,rgba(126,184,201,0.15),transparent);--gradient-border:linear-gradient(135deg,rgba(126,184,201,0.35),rgba(126,184,201,0.08));--gradient-mark:linear-gradient(135deg,#7eb8c9 0%,#7b6cff 100%);--brand-loadin:#7eb8c9;--brand-gainstage:#5a9a6e;--brand-changeover:#c49a3c;--brand-backline:#7c6faa;--gradient-loadin:linear-gradient(135deg,#7eb8c9 0%,#7b6cff 100%);--gradient-gainstage:linear-gradient(135deg,#5a9a6e 0%,#7b6cff 100%);--gradient-changeover:linear-gradient(135deg,#c49a3c 0%,#7b6cff 100%);--gradient-backline:linear-gradient(135deg,#7c6faa 0%,#7b6cff 100%)} [data-theme="light"]{--accent-dim:rgba(26,106,122,0.20);--go-soft:#d4e8d8;--caution-soft:#f0e8c8;--stop-soft:#f0d8d4;--info-soft:#d0e8f0;--warn:var(--caution);--warn-soft:var(--caution-soft);--loadin:#1a6a7a;--preview:#8a6830;--gradient-text:linear-gradient(135deg,#1a6a7a 0%,#2a7a8a 50%,#4a4540 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%,rgba(26,106,122,0.08) 0%,transparent 70%);--gradient-divider:linear-gradient(90deg,transparent,rgba(26,106,122,0.12),transparent);--gradient-border:linear-gradient(135deg,rgba(26,106,122,0.30),rgba(26,106,122,0.08));--gradient-mark:linear-gradient(135deg,#2a7a8a 0%,#7b6cff 100%);--brand-loadin:#2a7a8a;--brand-gainstage:#3d7a4e;--brand-changeover:#9a7828;--brand-backline:#6a5d96;--gradient-loadin:linear-gradient(135deg,#2a7a8a 0%,#7b6cff 100%);--gradient-gainstage:linear-gradient(135deg,#3d7a4e 0%,#7b6cff 100%);--gradient-changeover:linear-gradient(135deg,#9a7828 0%,#7b6cff 100%);--gradient-backline:linear-gradient(135deg,#6a5d96 0%,#7b6cff 100%)} /* LAYER 4 — the only element-level rules in this file */ html{background:var(--void)} :root,[data-theme="dark"],[data-theme="show"]{color-scheme:dark} [data-theme="light"]{color-scheme:light}