/* ═════════════════════════════════════════════════════════════════
   Notebook Design Tokens
   Colors, typography, spacing, and theming system
   ═════════════════════════════════════════════════════════════════ */

:root {
  /* ── colors · light (default) ───────────────────────── */
  --paper:   #f6f3ec;   /* warm paper background */
  --paper-2: #efece4;   /* secondary surface (cells, inputs) */
  --ink:     #15151a;   /* primary text */
  --ink-2:   #6b6962;   /* secondary text, captions */
  --rule:    #dedacf;   /* hairlines, borders */
  --accent:  oklch(0.62 0.16 38);   /* terracotta (default) */

  /* ── type ───────────────────────────────────────────── */
  --sans: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ── spacing (CSS vars so density tweak can swap them) */
  --pad: 56px;          /* page padding */
  --gap: 28px;          /* major vertical rhythm */
}

/* ── dark mode ──────────────────────────────────────────── */
:root[data-theme="dark"] {
  --paper:   #0f0f12;
  --paper-2: #15151a;
  --ink:     #e9e7e0;
  --ink-2:   #8b8a85;
  --rule:    #26262c;
}

/* ── compact density ────────────────────────────────────── */
:root[data-density="compact"] {
  --pad: 36px;
  --gap: 18px;
}

/* ── alternate accents ─────────────────────────────────── */
:root[data-accent="slate"] {
  --accent: oklch(0.55 0.10 240);   /* cool blue-gray */
}

:root[data-accent="forest"] {
  --accent: oklch(0.52 0.10 155);   /* muted green */
}

:root[data-accent="plum"] {
  --accent: oklch(0.50 0.13 330);   /* purple */
}

:root[data-accent="mono"] {
  --accent: oklch(0.45 0.00 0);     /* grayscale */
}

/* ── type scale ───────────────────────────────────────── */
/* (see README for sizing guide; applied via class, not here) */