/* ============================================================
   Spengler & Agans — design tokens
   Palette: navy-led, on a lightly warm paper ground. Brass is a
   restrained accent only — it is no longer the interactive colour.
   Contrast-checked (WCAG): see /var/www/sa-law/CLAUDE.md for ratios.
   ============================================================ */
:root {
  /* Surfaces — paper is neutralised toward off-white so the page reads as
     paper rather than tan; tinted bands are cool, not warm. */
  --cream: #F7F5F0;
  --cream-tint: #E7EDF4;
  --surface: #FFFFFF;
  --navy: #0F2138;
  --navy-deep: #0A1626;

  /* Navy — the interactive colour. --navy itself is too close to --charcoal
     to read as a link, so --navy-mid does that job (7.7:1 on --cream, AAA). */
  --navy-mid: #1D4E7A;
  --navy-hover: #16395A;
  --sky: #9BC4E8;          /* light accent on navy surfaces — 10:1 on --navy-deep */
  --navy-wash: color-mix(in srgb, var(--navy) 8%, transparent);

  /* Brass — accent only now: decorative rules, image captions, one footer
     italic. Never use --brass for small text on --cream (3.4:1, fails AA). */
  --brass: #A47C3B;
  --brass-deep: #8A6529;
  --brass-light: #C9A45C;

  /* Ink */
  --charcoal: #262421;
  --charcoal-soft: color-mix(in srgb, var(--charcoal) 70%, transparent);
  --line: color-mix(in srgb, var(--charcoal) 12%, transparent);

  /* Type */
  --font-display: 'Newsreader', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* Rhythm */
  --section-pad: clamp(72px, 10vw, 128px);
  --radius: 14px;
  --radius-sm: 8px;
  --maxw: 1200px;
  --shadow: 0 18px 50px -22px color-mix(in srgb, var(--navy-deep) 55%, transparent);
  --shadow-sm: 0 8px 24px -14px color-mix(in srgb, var(--navy-deep) 45%, transparent);
}