/* ============================================================
   tokens.css — design tokens (avi.nyc light theme, tuned for an
   81-year-old reader: warm paper, near-black text, large type)
   ============================================================ */

:root {
  /* surfaces — warm paper, not stark white (less glare) */
  --bg:               #F8F7F4;
  --surface:          #FFFFFF;
  --surface-elevated: #F1EFEA;
  --surface-sunken:   #EFEDE7;

  /* text — near-black for maximum contrast (≈13:1 on --bg) */
  --text:             #14202B;
  --text-secondary:   #34424E;
  --text-tertiary:    #586672;

  /* accents — brand light theme, contrast-checked on paper */
  --accent:           #0E7C86;  /* teal: links, rules, chapter numbers */
  --accent-deep:      #0A5C64;  /* teal hover */
  --accent-2:         #8B2346;  /* burgundy: emphasis, key stats */
  --accent-amber:     #7E520F;  /* amber, darkened for AA+ on the amber tint */
  --amber-tint:       #FBF3E2;

  --border:           #E4E1DA;
  --border-strong:    #CFCBC1;

  /* fonts (Google Fonts substitutes for self-hosted brand faces) */
  --font-serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', 'Courier Prime', Menlo, monospace;

  /* type scale — bumped up for readability */
  --fs-body:    1.25rem;   /* 20px */
  --fs-lead:    1.5rem;    /* 24px */
  --fs-small:   1.0625rem; /* 17px */
  --lh-body:    1.78;
  --measure:    38rem;     /* ~64–68ch reading column */

  --radius:     4px;
  --radius-lg:  10px;
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);

  --nav-h:      4rem;
}