:root {
  /* Color — light mode */
  --ink:    #121414;
  --paper:  #F6F3EC;
  --forest: #2F6B3B;
  --muted:  #6B6E6A;
  --rule:   rgba(18, 20, 20, 0.12);

  /* Typography */
  --font-serif:  "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans:   "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --font-mono:   "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Scale (desktop) */
  --step-0: 1rem;      /* 16 */
  --step-1: 1.125rem;  /* 18 */
  --step-2: 1.25rem;   /* 20 */
  --step-3: 1.5rem;    /* 24 */
  --step-4: 1.75rem;   /* 28 */
  --step-5: 2.5rem;    /* 40 */
  --step-6: 4rem;      /* 64 */
  --step-meta: 0.875rem; /* 14 */
  --step-micro: 0.75rem; /* 12 */

  /* Layout */
  --measure:   68ch;
  --media-max: 860px;
  --gutter:    1.5rem;
  --section-gap: 10rem;
}

@media (max-width: 720px) {
  :root {
    --step-4: 1.5rem;
    --step-5: 2rem;
    --step-6: 2.75rem;
    --section-gap: 5rem;
    --gutter: 1rem;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink:    #F1EEE6;
    --paper:  #14171A;
    --forest: #7FB58C;
    --muted:  #8A8E8A;
    --rule:   rgba(241, 238, 230, 0.14);
  }
}