/* Graphite Instrument tokens. Dark is the production default; the only light
   override is the explicit .theme-light contract used by the embed. */
:root {
  color-scheme: dark;

  --bg: #101318;
  --surface: #171b20;
  --surface-raised: #1d2228;
  --surface-inset: #12161a;
  --ink: #f1ede4;
  --muted: #a6a39a;
  --line: #30363d;
  --line-strong: #4a5057;

  --accent: #e8a33d;
  --accent-hot: #ffc166;
  --grid: var(--accent);
  --grid-soft: #2a231a;
  --apex: #e0795e;
  --ok: #9caf78;
  --warn: #e8a33d;

  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, Menlo, monospace;

  --wrap: 80rem;
  --copy: 46rem;
  --r: 3px;
  --gap: 0.75rem;
}

.theme-dark,
.theme-auto {
  color-scheme: dark;
  --bg: #101318;
  --surface: #171b20;
  --surface-raised: #1d2228;
  --surface-inset: #12161a;
  --ink: #f1ede4;
  --muted: #a6a39a;
  --line: #30363d;
  --line-strong: #4a5057;
  --accent: #e8a33d;
  --accent-hot: #ffc166;
  --grid: var(--accent);
  --grid-soft: #2a231a;
  --apex: #e0795e;
  --ok: #9caf78;
  --warn: #e8a33d;
}

.theme-light {
  color-scheme: light;
  --bg: #f2eee5;
  --surface: #fffdf8;
  --surface-raised: #e9e4d9;
  --surface-inset: #f8f3e9;
  --ink: #171a1d;
  --muted: #66645e;
  --line: #d1cabd;
  --line-strong: #9f998e;
  --accent: #a75f00;
  --accent-hot: #884d00;
  --grid: var(--accent);
  --grid-soft: #f3dfbd;
  --apex: #a63720;
  --ok: #41672a;
  --warn: #8b5700;
}