:root {
  color-scheme: light;

  --canvas: #f3f1ec;
  --surface: #fffdf8;
  --ink: #15121a;
  --muted: #655f6d;
  --violet: #7a3fff;
  --lime: #c9f56a;
  --peach: #ffc7a8;
  --line: #d8d2c8;
  --danger: #a52a2a;

  --violet-pressed: #6030d2;
  --lime-ink: #27320f;
  --peach-ink: #5d2d18;
  --muted-strong: #514c55;
  --muted-soft: #8b8490;
  --surface-muted: #ebe7df;
  --line-soft: #ebe6de;
  --ink-inverse: var(--surface);
  --muted-inverse: #d2cbd5;
  --canvas-translucent: rgb(243 241 236 / 96%);
  --shadow-ink-soft: rgb(21 18 26 / 5%);
  --lime-ring: rgb(201 245 106 / 32%);

  --font-body: Manrope, Geist, Inter, "Segoe UI", sans-serif;
  --font-heading: Geist, Manrope, Inter, "Segoe UI", sans-serif;
  --font-mono: "Cascadia Mono", Consolas, monospace;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 26px rgb(21 18 26 / 8%);
  --shadow-soft: 0 6px 22px var(--shadow-ink-soft);
  --focus: 0 0 0 3px #f3f1ec, 0 0 0 6px #7a3fff;

  --content-wide: 1312px;
  --content-copy: 76ch;
  --header-z: 30;
  --transition-fast: 150ms ease;
}