/* ============================================================
   DESIGN TOKENS — the only file to edit when we style later.
   Everything visual (color, type, spacing) is a variable here.
   base.css consumes these; pages never hardcode style.

   v2 (2026-07-24): CV-derived editorial system. Cream paper +
   ink, Georgia serif body, heavy sans labels — the cv.html
   grammar translated to the web. Dark mode = the CV's charcoal
   surround, inverted to ink-paper.
   ============================================================ */
:root {
  /* layout */
  --maxw: 1200px;                          /* wide editorial canvas */
  --prose: 52ch;                           /* prose-only cap ≈ 70 chars/line in Georgia */
  --sidecol: clamp(150px, 19vw, 220px);    /* label gutter — flexes in the 861–1100 band */
  --gutter: clamp(1rem, 4vw, 2rem);        /* page edge padding */
  --radius: 4px;

  /* paper + ink (from cv.html) */
  --bg: #faf7ec;         /* cream paper */
  --fg: #33322e;         /* ink */
  --muted: #55534c;      /* ink-soft */
  --border: #ddd7c4;     /* cream hairline */
  --card-bg: #fffdf6;    /* paper, one step lighter */
  --code-bg: #f2eedf;
  --accent: #0f6e56;     /* deep green — functional accent, kept from v1 */

  /* type */
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-base: 17px;
  --lh: 1.6;

  /* spacing scale — fluid above s3 so the editorial rhythm scales with the viewport
     instead of dumping desktop-sized gaps onto a phone */
  --s1: .5rem;
  --s2: 1rem;
  --s3: 1.5rem;
  --s4: clamp(1.25rem, 3.5vw, 2rem);
  --s5: clamp(1.75rem, 5vw, 3rem);
  --s6: clamp(2.5rem, 7vw, 4.5rem);
  --s7: clamp(3rem, 9vw, 7rem);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #191919;       /* the CV's charcoal surround */
    --fg: #e9e5d8;       /* cream as ink */
    --muted: #a5a195;
    --border: #35342e;
    --card-bg: #201f1c;
    --code-bg: #26251f;
    --accent: #7fc3a8;
  }
}