/* ==========================================================================
 * theme.css — Nova Chess web UI theme tokens (light-mode foundation)
 * --------------------------------------------------------------------------
 * CONTRACT:
 *   • Each token's :root (dark) value is the EXACT hex the app ships today, so
 *     with no [data-theme] attribute the app renders byte-identical to before.
 *     DO NOT change the :root values — that would alter the existing dark look.
 *   • The [data-theme="light"] block maps the same tokens onto a warm cream
 *     palette (matching the mobile app). Light is purely additive.
 *
 * SCOPE (Phase 0): tokens consumed by the Player-scoped CSS (player.css,
 * js/openings-styles.css). Shared site CSS (../styles.css, Analysis/
 * nova-buttons.css) and inline/JS-emitted hex are migrated in later phases;
 * until then those elements stay dark-correct.
 *
 * Load this FIRST in <head> (before the other stylesheets) and set
 * document.documentElement[data-theme] from preferences.colorMode via the
 * no-flash boot snippet.
 * ========================================================================== */

:root {
  color-scheme: dark;

  /* Backgrounds / page */
  --c-bg: #0f1528;
  --c-bg-navy2: #16213e;
  --c-bg-navy3: #1e2a45;
  --c-bg-deep: #141414;
  --c-bg-deepw: #1e1c1a;
  --c-bg-warm: #1a1816;

  /* Surfaces / cards */
  --c-surface: #1a1a2e;
  --c-surface-slate: #2a2a3a;
  --c-surface2: #2a2a4a;
  --c-surface-w: #262421;
  --c-surface-w2: #302e2b;
  --c-surface-w3: #3a3a36;
  --c-btn: #2a2622;
  --c-btn2: #3d3832;
  --c-btn3: #4d4842;

  /* Borders */
  --c-border: #374151;

  /* Light panels (tables already rendered light inside dark mode) */
  --c-panel: #f9fafb;
  --c-panel2: #f0f0f0;
  --c-stats-wh: #f0f0f0;
  --c-heading-br: #ffffff;
  /* ---- left nav / sidebar (dark = original) ---- */
  --c-nav-bg: #2a2a2a;
  --c-nav-border: rgba(255,255,255,0.06);
  --c-nav-hair: rgba(255,255,255,0.1);
  --c-nav-hair-h: rgba(255,255,255,0.2);
  --c-nav-text: #fff;
  --c-nav-text-hover: #fff;
  --c-nav-text-active: #fff;
  --c-nav-hover-bg: rgba(255,255,255,0.05);
  --c-nav-active-bg: #444;
  --c-nav-accent: #6366f1;
  --c-nav-accent2: #a78bfa;
  --c-nav-logo-h1: #7c7ff3;
  --c-nav-logo-h2: #b9a0ff;
  --c-nav-pill: #c9a84c;
  --c-nav-muted: rgba(255,255,255,0.4);
  --c-nav-muted-h: rgba(255,255,255,0.7);
  --c-nav-tip-bg: #333;
  --c-nav-tip-text: #fff;
  --c-nav-tip2-bg: #ffffff;
  --c-nav-tip2-text: #666666;
  --c-nav-btn-hover: #333;
  --c-board-shadow: rgba(0,0,0,0.3);
  --c-eval-dark: #000000;
  --c-eval-track: #1a1a1a;
  --c-diff-track: #2a2a28;
  /* special (Puzzle Blitz / Eval Challenge) + inactive tabs — dark = original */
  --c-sp-bg: linear-gradient(180deg,#2e2718 0%,#251f12 100%);
  --c-sp-bg-h: linear-gradient(180deg,#3a2f1c 0%,#2c2415 100%);
  --c-sp-bg-a: linear-gradient(180deg,#3f3320 0%,#2f2618 100%);
  --c-sp-bd: #5e4a1a;
  --c-sp-bd-h: #8a6a22;
  --c-sp-bd-a: #b88f30;
  --c-sp-tx: #f0d68a;
  --c-sp-tx-h: #f6e0a0;
  --c-sp-tx-a: #ffe9aa;
  --c-sp-ic: #f0b429;
  --c-tb-bg: linear-gradient(180deg,#2a2d3a 0%,#1f2129 100%);
  --c-tb-bg-h: linear-gradient(180deg,#313443 0%,#25272f 100%);
  --c-tb-bd: #2c2f3a;
  --c-tb-tx: #9ca0b3;
  --c-tb-tx-h: #d4d5e0;
  --c-modal-bg: linear-gradient(180deg,#1e1f27 0%,#181922 100%);
  --c-modal-bg2: linear-gradient(180deg,#2a2c39 0%,#21232e 100%);
  --c-badge-dev-tx: #fca5a5;
  --c-badge-secret-tx: #86efac;
  --c-ghost-bg: rgba(255,255,255,0.05);
  --c-ghost-tx: rgba(255,255,255,0.9);
  --c-c0: #8a8b99;
  --c-c1: #7a7c8a;
  --c-c2: #888a96;
  --c-c3: #8a8da0;
  --c-c4: #9a9080;
  --c-c5: #8a8c99;
  --c-c6: #c9cad4;
  --c-c7: #9a9caa;
  --c-c8: #9aa0b3;
  --c-c9: #9a9cab;
  --c-c10: #c9b898;
  --c-c11: #a09080;
  --c-c12: #888888;
  --c-c13: #6a6c7a;
  --c-c14: #686b78;
  --c-c15: #6a6460;
  --c-c16: #8e93a8;
  --c-c17: #8a8a8a;
  --c-c18: #808080;
  --c-c19: #e69d00;
  --c-c20: #1e88c9;
  --c-c21: #d84343;
  --c-c22: #fca5a5;
  --c-c23: #facc15;
  --c-c24: #fbbf24;
  --c-c25: #fb923c;
  --c-c26: #ff7f50;
  --c-c27: #dc3545;
  --c-c28: #8a7a68;
  --c-panel-hover: #f3f4f6;
  --c-panel-bg2: #f0f4f8;
  --c-panel-border: #e5e7eb;
  --c-panel-border2: #e2e8f0;

  /* Text */
  --c-text: #e4e4e4;
  --c-text2: #e0e0e0;
  --c-text-w: #d8d2c8;
  --c-text-slate: #1f2937;
  --c-white: #fff;
  --c-white2: #ffffff;

  /* Muted / dim text */
  --c-muted: #6b7280;
  --c-muted2: #9ca3af;
  --c-muted3: #a7a7a7;
  --c-muted-w: #6a6050;
  --c-muted4: #888;
  --c-muted5: #999;
  --c-dim: #ccc;
  --c-dim2: #ddd;
  --c-dim3: #d1d5db;

  /* Accent (indigo / violet) */
  --c-accent: #6366f1;
  --c-accent-lt: #8b8ed9;
  --c-accent2: #7c3aed;
  --c-accent3: #6d28d9;
  --c-accent4: #a78bfa;
  --c-accent-soft: #ddd6fe;

  /* Gold (nova-buttons family) */
  --c-gold: #d4b65a;
  --c-gold2: #c9a84c;

  /* Status — success */
  --c-success: #10b981;
  --c-success2: #4ade80;
  --c-success3: #16a34a;
  --c-success-deep: #065f46;
  --c-success-soft: #d1fae5;
  --c-success-tint: #1a3a2a;

  /* Status — danger */
  --c-danger: #ef4444;
  --c-danger2: #f87171;
  --c-danger3: #991b1b;
  --c-danger-soft: #fee2e2;
  --c-danger-tint: #3a1a1a;
  /* Key-Highlights chip tints (dark = current look; light overrides below). */
  --c-structural-tint: #1e2a45;
  --c-color-tint: rgba(56,189,248,0.15);
  --c-color-text: #38bdf8;
  --c-tilt-tint: rgba(232,121,201,0.15);
  --c-tilt-text: #e879c9;

  /* Status — warning / orange */
  --c-warning: #f59e0b;
  --c-warning2: #f97316;
  --c-orange: #f69664;

  /* Lichess-style green (openings) */
  --c-green-l: #7fa650;
  --c-green-l2: #6a8d42;

  /* Info blue */
  --c-info: #85c7e3;

  /* --- Phase 1 additions (player.html inline/style contexts) --- */
  --c-surface-indigo: #2d2b55;
  --c-surface-indigo2: #3a3a5a;
  --c-surface-w4: #333330;
  --c-surface-w5: #4b4945;
  --c-surface-d: #333;
  --c-border2: #444;
  --c-border3: #5a5954;
  --c-border-d: #555;
  --c-muted6: #666;
  --c-muted7: #666666;
  --c-muted8: #777;
  --c-muted9: #9196a0;
  --c-dim4: #aaa;
  --c-dim5: #bbb;
  --c-dim6: #a8adb8;
  --c-dim7: #b8bdc6;
  --c-text3: #e8e8e8;
  --c-accent-lt2: #818cf8;
  --c-success5: #22c55e;
  --c-gold-hi: #f5d76e;

  /* --- Phase 2 additions (JS-emitted style-attr surfaces/text) --- */
  --c-muted10: #a0a0a0;
  --c-surface-p: #3a2a5a;
  --c-surface-r: #3a2a2a;
  --c-surface-b: #2a3a5a;
  --c-surface-p2: #2a1a45;
  --c-surface-b2: #1a2a45;
  --c-bg-warm2: #1a1815;
  --c-surface-o: #3a2a1a;

  /* --- Phase 2c additions (bundle JS UI colors) --- */
  --c-orange3: #fb923c;
  --c-orange4: #ffaa44;
  --c-orange5: #ff8844;
  --c-blue: #3b82f6;
  --c-blue2: #2563eb;
  --c-blue3: #60a5fa;
  --c-violet: #8b5cf6;
  --c-green2: #059669;
  --c-red2: #ff4444;
  --c-red3: #dc2626;
  --c-pink: #ec4899;
  --c-yellow: #eab308;
  --c-amber: #d97706;
  --c-surface-am: #3a3a1a;
  --c-surface-d2: #2a2a2a;

  /* --- Phase 3 (multi-page) additions --- */
  /* cream/gray TEXT (color:) → dark on cream in light (no light-on-light) */
  --c-text-cream1: #f4e8d0;
  --c-text-cream2: #e8e2d8;
  --c-text-cream3: #e8e0d4;
  --c-text-cream4: #e4e0d8;
  --c-text-graylt: #d4d4d4;
  --c-muted-cream1: #c8b898;
  --c-muted-cream2: #b8a898;
  --c-muted-cream3: #a09888;
  --c-muted-cream4: #a89880;
  --c-muted-cream5: #a89478;
  --c-muted-gray1: #969696;
  --c-muted-gray2: #696969;
  --c-muted-gray3: #6c6c6c;
  --c-muted-warm2: #8a8070;
  --c-gold-text: #d4b05c;
  --c-danger-text: #e05050;
  --c-danger-dk1: #b91c1c;
  --c-danger-dk2: #a02020;
  --c-danger-dk3: #8b2020;
  /* dark warm SURFACES (background/border) → cream/light */
  --c-bg-darkwarm: #181715;
  --c-surface-dw1: #332e28;
  --c-surface-dw2: #2a2826;
  --c-surface-dw3: #242018;
  --c-surface-dw4: #2a2520;
  --c-surface-dw5: #2e2a25;
  --c-surface-dw6: #2e2626;
  --c-surface-dw7: #2a2e26;
  --c-surface-dw8: #2a2a28;
  --c-border-dw1: #4a4a46;
  --c-border-dw2: #5a5550;
  --c-border-dw3: #5a5347;
  --c-surface-gray: #3a3a3a;
  --c-gold-fill: #d4b65c;
  --c-gold-border: #ffd700;
  --c-indigo-fill: #4f46e5;
  --c-indigo-border: #7c6eff;
  --c-green-fill: #6c8f44;
  --c-green-fill2: #6d8e44;
  --c-surface-dw9: #2a2a27;
  --c-surface-dw10: #1e1f2a;
  --c-surface-dw11: #1e1d1a;
  --c-surface-dw12: #1e1b18;
  --c-bg-dw2: #141520;
  --c-bg-dw3: #0f0f0f;
  --c-pg1: #0e0d0c;
  --c-pg2: #14532d;
  --c-pg3: #15161e;
  --c-pg4: #15781b;
  --c-pg5: #1a1a1a;
  --c-pg6: #1a1b22;
  --c-pg7: #1a1c24;
  --c-pg8: #1a2330;
  --c-pg9: #1b1917;
  --c-pg10: #1b1d27;
  --c-pg11: #1baaa7;
  --c-pg12: #1c1e28;
  --c-pg13: #1d2030;
  --c-pg14: #1e1e1c;
  --c-pg15: #1e1e1e;
  --c-pg16: #1e1f27;
  --c-pg17: #20232f;
  --c-pg18: #22242e;
  --c-pg19: #232531;
  --c-pg20: #232636;
  --c-pg21: #242424;
  --c-pg22: #262834;
  --c-pg23: #262a37;
  --c-pg24: #263545;
  --c-pg25: #272b3d;
  --c-pg26: #2a2750;
  --c-pg27: #2a2824;
  --c-pg28: #2a2825;
  --c-pg29: #2a2a26;
  --c-pg30: #2a2c39;
  --c-pg31: #2a2c3a;
  --c-pg32: #2a2d38;
  --c-pg33: #2a2d3a;
  --c-pg34: #2a4a2a;
  --c-pg35: #2c2f3a;
  --c-pg36: #2c3142;
  --c-pg37: #2d2a26;
  --c-pg38: #2d2a3e;
  --c-pg39: #2d2d2d;
  --c-pg40: #2d3a1f;
  --c-pg41: #2e2718;
  --c-pg42: #2e2d3a;
  --c-pg43: #2e3344;
  --c-pg44: #2f3240;
  --c-pg45: #303449;
  --c-pg46: #313440;
  --c-pg47: #313443;
  --c-pg48: #31d36c;
  --c-pg49: #323232;
  --c-pg50: #332e48;
  --c-pg51: #343a4a;
  --c-pg52: #353128;
  --c-pg53: #353a4f;
  --c-pg54: #373430;
  --c-pg55: #3a2f1c;
  --c-pg56: #3a3630;
  --c-pg57: #3a3632;
  --c-pg58: #3a3d48;
  --c-pg59: #3a5a3a;
  --c-pg60: #3b3e4d;
  --c-pg61: #3d3d3d;
  --c-pg62: #3f3320;
  --c-pg63: #453926;
  --c-pg64: #46b549;
  --c-pg65: #4a2a2a;
  --c-pg66: #4a4280;
  --c-pg67: #4a4640;
  --c-pg68: #4a4a4a;
  --c-pg69: #4a5170;
  --c-pg70: #4a5a6e;
  --c-pg71: #4a6a4a;
  --c-pg72: #4f51d6;
  --c-pg73: #5558e6;
  --c-pg74: #564628;
  --c-pg75: #5a5d6c;
  --c-pg76: #5a7a5a;
  --c-pg77: #5b8cc0;
  --c-pg78: #5d5852;
  --c-pg79: #5e4a1a;
  --c-pg80: #6a8a44;
  --c-pg81: #6c8c44;
  --c-pg82: #6ee7a0;
  --c-pg83: #713f12;
  --c-pg84: #78350f;
  --c-pg85: #7a7060;
  --c-pg86: #7c8aff;
  --c-pg87: #7f1d1d;
  --c-pg88: #7fb0e0;
  --c-pg89: #7fdb7f;
  --c-pg90: #82b366;
  --c-pg91: #856404;
  --c-pg92: #8570c4;
  --c-pg93: #86c986;
  --c-pg94: #86efac;
  --c-pg95: #8a6a22;
  --c-pg96: #8a7dff;
  --c-pg97: #8b4545;
  --c-pg98: #8b8987;
  --c-pg99: #8c7fff;
  --c-pg100: #8e80ff;
  --c-pg101: #94a3b8;
  --c-pg102: #9a9caa;
  --c-pg103: #9a9cab;
  --c-pg104: #9aa0b3;
  --c-pg105: #9ae0a8;
  --c-pg106: #9b84d2;
  --c-pg107: #9ca0b3;
  --c-pg108: #a05555;
  --c-pg109: #a0a1ad;
  --c-pg110: #a3a5b2;
  --c-pg111: #a89878;
  --c-pg112: #a8a090;
  --c-pg113: #a8aab8;
  --c-pg114: #a9d0ff;
  --c-pg115: #b0a898;
  --c-pg116: #b0b2c0;
  --c-pg117: #b3b5c2;
  --c-pg118: #b4e8c8;
  --c-pg119: #b7a8ff;
  --c-pg120: #b88f30;
  --c-pg121: #b8b0a4;
  --c-pg122: #b8bac8;
  --c-pg123: #bde8c8;
  --c-pg124: #c0392b;
  --c-pg125: #c05050;
  --c-pg126: #c0b8aa;
  --c-pg127: #c0b8ff;
  --c-pg128: #c0bbb0;
  --c-pg129: #c0c0c0;
  --c-pg130: #c0c2d0;
  --c-pg131: #c0e4a8;
  --c-pg132: #c2b8ff;
  --c-pg133: #c5e8d1;
  --c-pg134: #c6c0e0;
  --c-pg135: #c89b30;
  --c-pg136: #c8c0b4;
  --c-pg137: #c8c0ff;
  --c-pg138: #c8f5d4;
  --c-pg139: #c9b898;
  --c-pg140: #cbd0dc;
  --c-pg141: #cbd5e1;
  --c-pg142: #cdd2e0;
  --c-pg143: #cfc4ff;
  --c-pg144: #cfd1dd;
  --c-pg145: #d08080;
  --c-pg146: #d0ccc4;
  --c-pg147: #d0d0db;
  --c-pg148: #d0d3e0;
  --c-pg149: #d0e0d0;
  --c-pg150: #d24545;
  --c-pg151: #d4a020;
  --c-pg152: #d4a650;
  --c-pg153: #d4b85c;
  --c-pg154: #d4c79a;
  --c-pg155: #d4cdbf;
  --c-pg156: #d4d5e0;
  --c-pg157: #d4d6e4;
  --c-pg158: #d6cfff;
  --c-pg159: #d84343;
  --c-pg160: #d94e4e;
  --c-pg161: #dad3ff;
  --c-pg162: #db7f7f;
  --c-pg163: #dc3545;
  --c-pg164: #e0ad28;
  --c-pg165: #e0b85a;
  --c-pg166: #e0c060;
  --c-pg167: #e0dcd6;
  --c-pg168: #e0f0e0;
  --c-pg169: #e4e0da;
  --c-pg170: #e4e5ef;
  --c-pg171: #e55a5a;
  --c-pg172: #e67e22;
  --c-pg173: #e69d00;
  --c-pg174: #e6d590;
  --c-pg175: #e6dba0;
  --c-pg176: #e6e0ff;
  --c-pg177: #e74c3c;
  --c-pg178: #e87070;
  --c-pg179: #e8c070;
  --c-pg180: #e8d4a0;
  --c-pg181: #e8e0c8;
  --c-pg182: #e9eaf2;
  --c-pg183: #ebe4ff;
  --c-pg184: #ece6ff;
  --c-pg185: #efcfa2;
  --c-pg186: #f08080;
  --c-pg187: #f0b429;
  --c-pg188: #f0d68a;
  --c-pg189: #f0e5b0;
  --c-pg190: #f0ece4;
  --c-pg191: #f0ece6;
  --c-pg192: #f0f1f5;
  --c-pg193: #f29a9a;
  --c-pg194: #f2b89a;
  --c-pg195: #f2c6c6;
  --c-pg196: #f39c12;
  --c-pg197: #f5edd0;
  --c-pg198: #f6e0a0;
  --c-pg199: #f7c948;
  --c-pg200: #fbbf24;
  --c-pg201: #fca5a5;
  --c-pg202: #fdba74;
  --c-pg203: #fde047;
  --c-pg204: #fed7d7;
  --c-pg205: #ff7700;
  --c-pg206: #ff7c7c;
  --c-pg207: #ff8c00;
  --c-pg208: #ff9b8d;
  --c-pg209: #ffb8a8;
  --c-pg210: #ffc107;
  --c-pg211: #ffd4c8;
  --c-pg212: #ffe8b8;
  --c-pg213: #ffe9aa;
}

/* --------------------------------------------------------------------------
 * LIGHT THEME — warm cream/paper palette (matches mobile).
 * Applied when <html data-theme="light">. Many dark tokens intentionally
 * converge to the same light value (the dark scheme's navy+brown surfaces all
 * become one cream), so light comes out clean without touching dark.
 * ------------------------------------------------------------------------ */
:root[data-theme="light"] {
  color-scheme: light;

  /* Backgrounds / page → cream */
  --c-bg: #e9dec9;
  --c-bg-navy2: #efe8da;
  --c-bg-navy3: #faf5ec;
  --c-bg-deep: #efe8da;
  --c-bg-deepw: #efe8da;
  --c-bg-warm: #e9dec9;

  /* Surfaces / cards → paper */
  --c-surface: #faf5ec;
  --c-surface-slate: #ece4d6;
  --c-surface2: #ece4d6;
  --c-surface-w: #faf5ec;
  --c-surface-w2: #f3ece0;
  --c-surface-w3: #ddd0b8;
  --c-btn: #fbf6ec;
  --c-btn2: #f0e8d8;
  --c-btn3: #e6dcc8;

  /* Borders */
  --c-border: #e3daca;

  /* Light panels — stay light, warmed slightly to blend with cream */
  --c-panel: #faf5ec;
  --c-panel2: #f3ece0;
  --c-stats-wh: #2c2820;
  --c-heading-br: #2c2820;
  /* ---- left nav / sidebar (light — cream rail, indigo active) ---- */
  --c-nav-bg: #e4d9c2;
  --c-nav-border: #e7e0d0;
  --c-nav-hair: rgba(0,0,0,0.12);
  --c-nav-hair-h: rgba(0,0,0,0.22);
  --c-nav-text: #6b6250;
  --c-nav-text-hover: #2c2820;
  --c-nav-text-active: #2563eb;
  --c-nav-hover-bg: rgba(37,99,235,0.07);
  --c-nav-active-bg: rgba(37,99,235,0.12);
  --c-nav-accent: #2563eb;
  --c-nav-accent2: #8a85c8;
  --c-nav-logo-h1: #2563eb;
  --c-nav-logo-h2: #4f6fd0;
  --c-nav-pill: #8a6d20;
  --c-nav-muted: #7d7360;
  --c-nav-muted-h: #2c2820;
  --c-nav-tip-bg: #2c2820;
  --c-nav-tip-text: #e9dec9;
  --c-nav-tip2-bg: #2c2820;
  --c-nav-tip2-text: #f3ece0;
  --c-nav-btn-hover: #f0e9db;
  --c-board-shadow: rgba(120,100,60,0.13);
  --c-eval-dark: #4a4138;
  --c-eval-track: #4a4138;
  --c-diff-track: #fbf8f1;
  /* special + inactive tabs — light (gold-filled specials, flat warm tabs) */
  --c-sp-bg: linear-gradient(180deg,#e8c56e 0%,#d0a63f 100%);
  --c-sp-bg-h: linear-gradient(180deg,#eecd7d 0%,#d9b04a 100%);
  --c-sp-bg-a: linear-gradient(180deg,#e2ba5a 0%,#c99a35 100%);
  --c-sp-bd: #c39a30;
  --c-sp-bd-h: #b8912f;
  --c-sp-bd-a: #a8842a;
  --c-sp-tx: #3a2f10;
  --c-sp-tx-h: #2e2609;
  --c-sp-tx-a: #2a2208;
  --c-sp-ic: #7a5a14;
  --c-tb-bg: #efe7d8;
  --c-tb-bg-h: #e8dfce;
  --c-tb-bd: #e2dac8;
  --c-tb-tx: #6b6250;
  --c-tb-tx-h: #2c2820;
  --c-modal-bg: linear-gradient(180deg,#faf5ec 0%,#f1ebdd 100%);
  --c-modal-bg2: #f3ece0;
  --c-badge-dev-tx: #ffffff;
  --c-badge-secret-tx: #ffffff;
  --c-ghost-bg: #f3ece0;
  --c-ghost-tx: #2c2820;
  --c-c0: #6b6250;
  --c-c1: #6b6250;
  --c-c2: #6b6250;
  --c-c3: #6b6250;
  --c-c4: #6b6250;
  --c-c5: #6b6250;
  --c-c6: #6b6250;
  --c-c7: #6b6250;
  --c-c8: #6b6250;
  --c-c9: #6b6250;
  --c-c10: #6b6250;
  --c-c11: #6b6250;
  --c-c12: #6b6250;
  --c-c13: #6b6250;
  --c-c14: #6b6250;
  --c-c15: #6b6250;
  --c-c16: #5d6374;
  --c-c17: #707070;
  --c-c18: #6a6a6a;
  --c-c19: #a84400;
  --c-c20: #1d4ed8;
  --c-c21: #b01c1c;
  --c-c22: #c0392b;
  --c-c23: #7e6503;
  --c-c24: #926a03;
  --c-c25: #a94e03;
  --c-c26: #d13800;
  --c-c27: #b01c1c;
  --c-c28: #6b5d4d;
  --c-panel-hover: #efe8da;
  --c-panel-bg2: #faf5ec;
  --c-panel-border: #e3daca;
  --c-panel-border2: #e3daca;

  /* Text → dark warm */
  --c-text: #2c2820;
  --c-text2: #2c2820;
  --c-text-w: #2c2820;
  --c-text-slate: #2c2820;
  --c-white: #ffffff;   /* stays light: panel bg / text on colored fills */
  --c-white2: #ffffff;

  /* Muted / dim → warm greys with cream-safe contrast */
  --c-muted: #6b6250;
  --c-muted2: #6b6250;
  --c-muted3: #6b6250;
  --c-muted-w: #6b6250;
  --c-muted4: #6b6250;
  --c-muted5: #6b6250;
  --c-dim: #6b6250;
  --c-dim2: #726a58;
  --c-dim3: #6b6250;

  /* Accent — indigo/violet read fine on cream; kept close to dark */
  --c-accent: #4f46e5;
  --c-accent-lt: #4f46e5;
  --c-accent2: #6d28d9;
  --c-accent3: #6d28d9;
  --c-accent4: #6d28d9;
  --c-accent-soft: #ece7ff;

  /* Gold — darkened for contrast on cream */
  --c-gold: #705512;
  --c-gold2: #785713;

  /* Status — success (bright greens darkened for text legibility) */
  --c-success: #0b714f;
  --c-success2: #0f6a32;
  --c-success3: #0f6a32;
  --c-success-deep: #065f46;   /* dark-green text on a light green chip: keep dark */
  --c-success-soft: #d7f3e4;
  --c-success-tint: #d7f3e4;   /* dark-green chip bg → light green tint */

  /* Status — danger */
  --c-danger: #b01c1c;
  --c-danger2: #bf2323;
  --c-danger3: #991b1b;         /* dark-red text on light chip: keep dark */
  --c-danger-soft: #fde2e2;
  --c-danger-tint: #f7dede;     /* dark-red chip bg → light red tint */
  /* Key-Highlights chip tints — light values (visible box + readable text on cream). */
  --c-structural-tint: #e3e4fb;
  --c-color-tint: #d8eefb;
  --c-color-text: #0369a1;
  --c-tilt-tint: #fbe0f1;
  --c-tilt-text: #a21caf;

  /* Status — warning / orange (darkened for cream) */
  --c-warning: #855307;
  --c-warning2: #984008;
  --c-orange: #9c4a1d;

  /* Lichess green — darkened so it reads on cream as text or fill */
  --c-green-l: #46601f;
  --c-green-l2: #52702f;

  /* Info blue — darkened for cream */
  --c-info: #17677f;

  /* --- Phase 1 additions (player.html inline/style contexts) --- */
  --c-surface-indigo: #ece4d6;
  --c-surface-indigo2: #e3daca;
  --c-surface-w4: #ece4d6;
  --c-surface-w5: #e3daca;
  --c-surface-d: #ece4d6;
  --c-border2: #e3daca;
  --c-border3: #d8cdb8;
  --c-border-d: #6b6250;
  --c-muted6: #6b6250;
  --c-muted7: #6b6250;
  --c-muted8: #6b6250;
  --c-muted9: #6b6250;
  --c-dim4: #6b6250;
  --c-dim5: #726a58;
  --c-dim6: #6b6250;
  --c-dim7: #726a58;
  --c-text3: #2c2820;
  --c-accent-lt2: #4f46e5;
  --c-success5: #0f6a32;
  --c-gold-hi: #705512;

  /* --- Phase 2 additions (JS-emitted style-attr surfaces/text) --- */
  --c-muted10: #6b6250;
  --c-surface-p: #ece4d6;
  --c-surface-r: #f0e4e0;
  --c-surface-b: #ece4d6;
  --c-surface-p2: #ece4d6;
  --c-surface-b2: #ece4d6;
  --c-bg-warm2: #e9dec9;
  --c-surface-o: #f3e6d0;

  /* --- Phase 2c additions (bundle JS UI colors) --- */
  --c-orange3: #9c4a1d;
  --c-orange4: #cf7a1a;
  --c-orange5: #984008;
  --c-blue: #2563eb;
  --c-blue2: #2563eb;
  --c-blue3: #2563eb;
  --c-violet: #6d28d9;
  --c-green2: #04714f;
  --c-red2: #dc2626;
  --c-red3: #b01c1c;
  --c-pink: #bb1f65;
  --c-yellow: #8a5300;
  --c-amber: #b45309;
  --c-surface-am: #efe6cf;
  --c-surface-d2: #ece4d6;

  /* --- Phase 3 (multi-page) additions --- */
  --c-text-cream1: #2c2820;
  --c-text-cream2: #2c2820;
  --c-text-cream3: #2c2820;
  --c-text-cream4: #2c2820;
  --c-text-graylt: #2c2820;
  --c-muted-cream1: #6b6250;
  --c-muted-cream2: #6b6250;
  --c-muted-cream3: #6b6250;
  --c-muted-cream4: #6b6250;
  --c-muted-cream5: #6b6250;
  --c-muted-gray1: #6b6250;
  --c-muted-gray2: #6b6250;
  --c-muted-gray3: #6b6250;
  --c-muted-warm2: #6b6250;
  --c-gold-text: #8a6a1a;
  --c-danger-text: #b01c1c;
  --c-danger-dk1: #dc2626;
  --c-danger-dk2: #c02626;
  --c-danger-dk3: #b02020;
  --c-bg-darkwarm: #e9dec9;
  --c-surface-dw1: #efe6d4;
  --c-surface-dw2: #faf5ec;
  --c-surface-dw3: #e9dec9;
  --c-surface-dw4: #f3ece0;
  --c-surface-dw5: #f3ece0;
  --c-surface-dw6: #f3ece0;
  --c-surface-dw7: #f3ece0;
  --c-surface-dw8: #efe6d4;
  --c-border-dw1: #e3daca;
  --c-border-dw2: #d8cdb8;
  --c-border-dw3: #d8cdb8;
  --c-surface-gray: #ece4d6;
  --c-gold-fill: #d4af37;
  --c-gold-border: #c99a2e;
  --c-indigo-fill: #4f46e5;
  --c-indigo-border: #818cf8;
  --c-green-fill: #5f7d38;
  --c-green-fill2: #5f7d38;
  --c-surface-dw9: #f3ece0;
  --c-surface-dw10: #eef0f4;
  --c-surface-dw11: #efe8da;
  --c-surface-dw12: #efe8da;
  --c-bg-dw2: #eef0f4;
  --c-bg-dw3: #efe8da;
  --c-pg1: #e9dec9;
  --c-pg2: #15803d;
  --c-pg3: #e9dec9;
  --c-pg4: #15803d;
  --c-pg5: #faf5ec;
  --c-pg6: #faf5ec;
  --c-pg7: #faf5ec;
  --c-pg8: #faf5ec;
  --c-pg9: #faf5ec;
  --c-pg10: #faf5ec;
  --c-pg11: #17677f;
  --c-pg12: #faf5ec;
  --c-pg13: #faf5ec;
  --c-pg14: #faf5ec;
  --c-pg15: #faf5ec;
  --c-pg16: #faf5ec;
  --c-pg17: #faf5ec;
  --c-pg18: #faf5ec;
  --c-pg19: #faf5ec;
  --c-pg20: #faf5ec;
  --c-pg21: #faf5ec;
  --c-pg22: #faf5ec;
  --c-pg23: #faf5ec;
  --c-pg24: #faf5ec;
  --c-pg25: #faf5ec;
  --c-pg26: #faf5ec;
  --c-pg27: #faf5ec;
  --c-pg28: #faf5ec;
  --c-pg29: #faf5ec;
  --c-pg30: #faf5ec;
  --c-pg31: #faf5ec;
  --c-pg32: #faf5ec;
  --c-pg33: #faf5ec;
  --c-pg34: #faf5ec;
  --c-pg35: #faf5ec;
  --c-pg36: #faf5ec;
  --c-pg37: #faf5ec;
  --c-pg38: #faf5ec;
  --c-pg39: #faf5ec;
  --c-pg40: #faf5ec;
  --c-pg41: #faf5ec;
  --c-pg42: #faf5ec;
  --c-pg43: #faf5ec;
  --c-pg44: #faf5ec;
  --c-pg45: #faf5ec;
  --c-pg46: #faf5ec;
  --c-pg47: #faf5ec;
  --c-pg48: #15803d;
  --c-pg49: #faf5ec;
  --c-pg50: #faf5ec;
  --c-pg51: #faf5ec;
  --c-pg52: #faf5ec;
  --c-pg53: #faf5ec;
  --c-pg54: #faf5ec;
  --c-pg55: #faf5ec;
  --c-pg56: #faf5ec;
  --c-pg57: #faf5ec;
  --c-pg58: #faf5ec;
  --c-pg59: #ece3d2;
  --c-pg60: #faf5ec;
  --c-pg61: #faf5ec;
  --c-pg62: #faf5ec;
  --c-pg63: #faf5ec;
  --c-pg64: #15803d;
  --c-pg65: #faf5ec;
  --c-pg66: #2563eb;
  --c-pg67: #faf5ec;
  --c-pg68: #faf5ec;
  --c-pg69: #ece3d2;
  --c-pg70: #ece3d2;
  --c-pg71: #ece3d2;
  --c-pg72: #2563eb;
  --c-pg73: #2563eb;
  --c-pg74: #b8912f;
  --c-pg75: #ece3d2;
  --c-pg76: #ece3d2;
  --c-pg77: #2563eb;
  --c-pg78: #ece3d2;
  --c-pg79: #b8912f;
  --c-pg80: #15803d;
  --c-pg81: #15803d;
  --c-pg82: #15803d;
  --c-pg83: #b8912f;
  --c-pg84: #b8912f;
  --c-pg85: #ece3d2;
  --c-pg86: #2563eb;
  --c-pg87: #c0392b;
  --c-pg88: #2563eb;
  --c-pg89: #15803d;
  --c-pg90: #15803d;
  --c-pg91: #2c2820;
  --c-pg92: #2563eb;
  --c-pg93: #15803d;
  --c-pg94: #15803d;
  --c-pg95: #b8912f;
  --c-pg96: #2563eb;
  --c-pg97: #c0392b;
  --c-pg98: #ece3d2;
  --c-pg99: #2563eb;
  --c-pg100: #2563eb;
  --c-pg101: #6b6250;
  --c-pg102: #6b6250;
  --c-pg103: #6b6250;
  --c-pg104: #6b6250;
  --c-pg105: #15803d;
  --c-pg106: #2563eb;
  --c-pg107: #6b6250;
  --c-pg108: #c0392b;
  --c-pg109: #6b6250;
  --c-pg110: #6b6250;
  --c-pg111: #b8912f;
  --c-pg112: #6b6250;
  --c-pg113: #6b6250;
  --c-pg114: #2563eb;
  --c-pg115: #6b6250;
  --c-pg116: #6b6250;
  --c-pg117: #6b6250;
  --c-pg118: #15803d;
  --c-pg119: #2563eb;
  --c-pg120: #b8912f;
  --c-pg121: #6b6250;
  --c-pg122: #6b6250;
  --c-pg123: #2c2820;
  --c-pg124: #c0392b;
  --c-pg125: #c0392b;
  --c-pg126: #e3daca;
  --c-pg127: #2563eb;
  --c-pg128: #6b6250;
  --c-pg129: #6b6250;
  --c-pg130: #6b6250;
  --c-pg131: #15803d;
  --c-pg132: #2563eb;
  --c-pg133: #2c2820;
  --c-pg134: #2c2820;
  --c-pg135: #b8912f;
  --c-pg136: #6b6250;
  --c-pg137: #2563eb;
  --c-pg138: #2c2820;
  --c-pg139: #b8912f;
  --c-pg140: #2c2820;
  --c-pg141: #2c2820;
  --c-pg142: #2c2820;
  --c-pg143: #2563eb;
  --c-pg144: #2c2820;
  --c-pg145: #c0392b;
  --c-pg146: #2c2820;
  --c-pg147: #2c2820;
  --c-pg148: #2c2820;
  --c-pg149: #2c2820;
  --c-pg150: #c0392b;
  --c-pg151: #b8912f;
  --c-pg152: #b8912f;
  --c-pg153: #b8912f;
  --c-pg154: #b8912f;
  --c-pg155: #2c2820;
  --c-pg156: #2c2820;
  --c-pg157: #2c2820;
  --c-pg158: #2563eb;
  --c-pg159: #c0392b;
  --c-pg160: #c0392b;
  --c-pg161: #2c2820;
  --c-pg162: #c0392b;
  --c-pg163: #c0392b;
  --c-pg164: #b8912f;
  --c-pg165: #b8912f;
  --c-pg166: #b8912f;
  --c-pg167: #2c2820;
  --c-pg168: #2c2820;
  --c-pg169: #2c2820;
  --c-pg170: #2c2820;
  --c-pg171: #c0392b;
  --c-pg172: #b8912f;
  --c-pg173: #b8912f;
  --c-pg174: #b8912f;
  --c-pg175: #8a6a1a;
  --c-pg176: #2c2820;
  --c-pg177: #c0392b;
  --c-pg178: #c0392b;
  --c-pg179: #b8912f;
  --c-pg180: #b8912f;
  --c-pg181: #2c2820;
  --c-pg182: #2c2820;
  --c-pg183: #2c2820;
  --c-pg184: #2c2820;
  --c-pg185: #b8912f;
  --c-pg186: #c0392b;
  --c-pg187: #b8912f;
  --c-pg188: #b8912f;
  --c-pg189: #b8912f;
  --c-pg190: #2c2820;
  --c-pg191: #2c2820;
  --c-pg192: #2c2820;
  --c-pg193: #c0392b;
  --c-pg194: #b8912f;
  --c-pg195: #2c2820;
  --c-pg196: #b8912f;
  --c-pg197: #2c2820;
  --c-pg198: #b8912f;
  --c-pg199: #b8912f;
  --c-pg200: #b8912f;
  --c-pg201: #c0392b;
  --c-pg202: #2c2820;
  --c-pg203: #2c2820;
  --c-pg204: #2c2820;
  --c-pg205: #b8912f;
  --c-pg206: #c0392b;
  --c-pg207: #b8912f;
  --c-pg208: #c0392b;
  --c-pg209: #c0392b;
  --c-pg210: #b8912f;
  --c-pg211: #c0392b;
  --c-pg212: #b8912f;
  --c-pg213: #b8912f;
}