/* NOCO Tutoring & Enrichment — shared tokens. Swap brand colors here. */
:root {
  --brand: #1f4e79;        /* primary (deep mountain blue) */
  --brand-ink: #ffffff;
  --accent: #e0a526;       /* warm gold */
  --flag: #c2410c;         /* notes / concerns */
  --bg: #f4f6f9;
  --surface: #ffffff;
  --surface-2: #eef2f7;
  --ink: #18212b;
  --muted: #5b6876;
  --line: #dde3ea;
  --bar: #2f6ea8;
  --bar-track: #e6ecf3;
  --radius: 12px;
  --shadow: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #4f8fcf; --brand-ink: #0b1420; --accent: #f0b93f; --flag: #fb8a4c;
    --bg: #0e141b; --surface: #161e28; --surface-2: #1d2733; --ink: #e6edf3; --muted: #93a1b0;
    --line: #283443; --bar: #5b9ad6; --bar-track: #223040;
    --shadow: none; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --brand: #4f8fcf; --brand-ink: #0b1420; --accent: #f0b93f; --flag: #fb8a4c;
  --bg: #0e141b; --surface: #161e28; --surface-2: #1d2733; --ink: #e6edf3; --muted: #93a1b0;
  --line: #283443; --bar: #5b9ad6; --bar-track: #223040;
  --shadow: none; color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg); color: var(--ink);
  font: 15px/1.5 "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select { font: inherit; color: inherit; }
a { color: var(--brand); }