/* Direction: CodeBoard — night-desk analytics, ink navy, lime for winning numbers, amber for warnings */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  color-scheme: dark;
  --canvas: #0a0e1a;
  --surface: #111729;
  --surface-2: #19213a;
  --border: #263050;
  --border-strong: #54565f;
  --ink: #e9edf7;
  --muted: #9aa5c0;
  --accent: #c8f536;
  --accent-hover: #d0f754;
  --accent-ink: #0a0e1a;
  --accent-text: #c8f536;
  --accent-strong: #c8f536;
  --accent-soft: #344120;
  --accent-border: #5f7627;
  --success: #4ade80;
  --success-ink: #ffffff;
  --success-soft: #183c30;
  --success-strong: #4ade80;
  --warning: #f5a524;
  --warning-ink: #ffffff;
  --warning-soft: #3e2f1c;
  --warning-strong: #f5a524;
  --danger: #ff6b72;
  --danger-ink: #ffffff;
  --danger-soft: #40222d;
  --danger-strong: #ff6b72;
  --chart-1: #c8f536;
  --chart-2: #28dac5;
  --chart-3: #7ec6fd;
  --chart-4: #ec99fd;
  --chart-5: #fba2a0;
  --chart-6: #f2b118;

  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --display-weight: 700;
  --display-tracking: -0.025em;
  --radius-card: 14px;
  --radius-btn: 10px;
  --radius-input: 10px;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f3f4;
  --border: #dddddf;
  --border-strong: #b6b7ba;
  --ink: #0a0e1a;
  --muted: #6c6e76;
  --accent: #a9cf2e;
  --accent-hover: #90b027;
  --accent-ink: #0a0e1a;
  --accent-text: #5e731a;
  --accent-strong: #5e731a;
  --accent-soft: #f3f8e2;
  --accent-border: #d8e9a1;
  --success: #4ade80;
  --success-ink: #0a0e1a;
  --success-soft: #e9fbf0;
  --success-strong: #297b48;
  --warning: #f5a524;
  --warning-ink: #0a0e1a;
  --warning-soft: #fef4e5;
  --warning-strong: #946416;
  --danger: #ff6b72;
  --danger-ink: #0a0e1a;
  --danger-soft: #ffedee;
  --danger-strong: #a8464b;
  --chart-1: #81a01a;
  --chart-2: #18a292;
  --chart-3: #1c81c0;
  --chart-4: #ac7ee5;
  --chart-5: #bd486f;
  --chart-6: #d97f09;
}

.cb-podium-1 { box-shadow: 0 0 0 1px var(--accent), 0 18px 60px -24px var(--accent); }
.cb-rank { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.cb-num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.cb-bar { transition: height 0.4s ease, background-color 0.15s ease; }
.cb-nav::-webkit-scrollbar { display: none; }
.cb-nav { scrollbar-width: none; }
.cb-row { transition: border-color 0.15s ease, transform 0.15s ease; }
.cb-row:hover { border-color: var(--accent); }
@media (prefers-reduced-motion: no-preference) {
  .cb-row:hover { transform: translateX(2px); }
}
html.reduced-motion .cb-row:hover { transform: none; }