/* NextWeb theme — the site's ENTIRE design system lives in this file.
   DIRECTION: "Encre & papier" — a notary's letterhead redesigned in 2026.
   Warm paper, near-black ink, one confident oxblood accent. Editorial serif
   display (Newsreader) over a clean neutral body (Inter). Flat backgrounds,
   hairline rules, one soft shadow level. Letterpress crispness → small radii.

   MACHINE CONVENTION (lint + builder both rely on it):
   - Colors: 1 brand + neutrals + at most 2 accents, written as literal
     hsl(...) — never var() chains deeper than ONE hop.
   - Contrast pairs are NAMED --x / --on-x: --on-x is AA-readable on --x.
   - All other CSS uses ONLY these tokens (no raw hex outside this file). */
:root {
  /* palette — pairs (--x / --on-x)
     paper surfaces · ink text · oxblood brand · one brass flourish accent */
  --surface:        hsl(39 46% 96%);   /* warm paper */
  --on-surface:     hsl(20 16% 13%);   /* near-black ink */
  --surface-alt:    hsl(37 34% 91%);   /* deeper parchment (cards, alt bands) */
  --on-surface-alt: hsl(20 16% 15%);
  --brand:          hsl(4 58% 34%);    /* oxblood */
  --on-brand:       hsl(39 46% 96%);   /* paper on oxblood */
  --accent:         hsl(34 44% 35%);   /* muted brass — hairline flourishes only */
  --on-accent:      hsl(39 46% 97%);
  --muted:          hsl(24 12% 38%);   /* secondary text ON --surface */

  /* type — editorial serif display + clean body */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --text-sm:   clamp(0.83rem, 0.8rem + 0.15vw, 0.94rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.13rem);
  --text-lg:   clamp(1.25rem, 1.18rem + 0.35vw, 1.5rem);
  --text-xl:   clamp(1.56rem, 1.44rem + 0.6vw, 2rem);
  --text-2xl:  clamp(1.95rem, 1.75rem + 1vw, 2.66rem);
  --text-hero: clamp(2.44rem, 2.1rem + 1.7vw, 3.55rem);
  --leading-body: 1.55;
  --leading-tight: 1.12;

  /* spacing — 8pt scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;

  /* shape & depth — crisp letterpress edges, one soft shadow level */
  --radius-sm: 3px;
  --radius: 6px;
  --radius-lg: 10px;
  --shadow-sm: 0 1px 2px hsl(20 30% 12% / 0.05), 0 2px 6px hsl(20 30% 12% / 0.06);
  --shadow:    0 2px 6px hsl(20 30% 12% / 0.07), 0 14px 34px hsl(20 30% 12% / 0.10);

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --speed: 220ms;
}