/* =========================================================
FILE: css/tokens.css
Design tokens: change these first (small steps).
========================================================= */
:root{
  /* Cover-inspired palette */
  --bg: #f3efe7;
  --paper: #f8f5ee;
  --ink: #1f2b2b;
  --muted: rgba(31,43,43,.72);

  --accent: #c08a45;    /* ochre */
  --accent2: #1e6b6e;   /* teal */

  /* Layout */
  --maxw: 1100px;

  /* Spacing scale (keep consistent) */
  --s1: 6px;
  --s2: 10px;
  --s3: 14px;
  --s4: 18px;
  --s5: 24px;
  --s6: 32px;
  --s7: 42px;

  /* Type scale */
  --t0: 13px;
  --t1: 14px;
  --t2: 16px;
  --t3: 18px;
  --t4: 24px;

  /* Components */
  --radius: 18px;
  --shadow: 0 14px 38px rgba(0,0,0,.08);
  --stroke: rgba(31,43,43,.10);
  --stroke2: rgba(31,43,43,.14);
}