:root {
  --canvas: #f4f7fb;
  --surface: #ffffff;
  --surface-2: #eaf0f8;
  --border: #d5dfec;
  --border-strong: #879bb5;
  --ink: #14243d;
  --muted: #52637b;
  --accent: #2354d1;
  --accent-hover: #1942ab;
  --accent-ink: #ffffff;
  --accent-text: #204bb8;
  --accent-strong: #193d99;
  --accent-soft: #e4ecff;
  --accent-border: #a9bdef;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dfebe3;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f2e6dd;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f2dfdf;
  --danger-strong: #b91c1c;
  --chart-1: #2354d1;
  --chart-2: #7c285c;
  --chart-3: #7c350c;
  --chart-4: #425605;
  --chart-5: #0b5668;
  --chart-6: #5152a5;

  --font-display: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --display-weight: 700;
  --display-tracking: -0.035em;
 --radius-card: 1rem;
 --radius-btn: 0.6rem;
 --radius-input: 0.5rem;
  --eyebrow-tracking: 0.06em;
}

html[data-theme="dark"] {
  --canvas: #0c1628;
  --surface: #142238;
  --surface-2: #1b2c45;
  --border: #2c405d;
  --border-strong: #7086a3;
  --ink: #edf3fc;
  --muted: #adbed4;
  --accent: #a9c1ff;
  --accent-hover: #c2d3ff;
  --accent-ink: #10213e;
  --accent-text: #b5caff;
  --accent-strong: #cad9ff;
  --accent-soft: #213960;
  --accent-border: #5276ad;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #172f22;
  --success-strong: #93d7af;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #3a2517;
  --warning-strong: #f2bb83;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #3b191b;
  --danger-strong: #ffa6a6;
  --chart-1: #a9c1ff;
  --chart-2: #cb70a4;
  --chart-3: #be6436;
  --chart-4: #98911a;
  --chart-5: #159670;
  --chart-6: #1c9ec8;
}


.nav-item { display:flex; align-items:center; gap:.7rem; padding:.8rem; border-radius:.6rem; font-size:.85rem; font-weight:500; color:var(--muted); }
.nav-item:hover { background:var(--surface-2); color:var(--ink); }
.nav-active { background:var(--accent-soft); color:var(--accent-strong); }
.metric-tile { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-card); padding:1.5rem; }
.metric-tile > p:first-child, .metric-tile > div { color:var(--muted); }
.metric-primary { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.metric-primary > p:first-child, .metric-primary > div { color:var(--accent-ink); }
table th { text-align:left; font-size:.75rem; color:var(--muted); background:var(--surface-2); }
table th, table td { padding:1rem 1.25rem; border-bottom:1px solid var(--border); white-space:nowrap; }
table tbody tr:last-child td { border-bottom:0; }
input,textarea { font-variant-numeric:tabular-nums; }
@media(min-width:1024px) { .workspace-nav { min-height:100vh; } }