/* Atelier Forme — design system (the ENTIRE system lives here).
   Art direction: warm plaster & travertine architectural monograph —
   sculptural, calme, précis. One clay accent, gallery negative space.
   MACHINE CONVENTION (lint + builder rely on it):
   - Colors: 1 brand + neutrals + 1 accent, literal hsl(...) — max ONE var() hop.
   - Contrast pairs --x / --on-x: --on-x is WCAG-AA readable on --x.
   - Every other file uses ONLY these tokens (no raw hex outside this file).
   - Spacing on an 8pt scale; body line-height 1.4–1.6. */
:root {
  /* palette — pairs (--x / --on-x). Warm plaster, charcoal ink, clay accent. */
  --surface:        hsl(37 33% 96%);   /* limewash plaster */
  --on-surface:     hsl(25 12% 15%);   /* warm charcoal ink */
  --surface-alt:    hsl(34 24% 91%);   /* warm greige stone */
  --on-surface-alt: hsl(25 12% 17%);
  --brand:          hsl(26 14% 19%);   /* graphite/ink — strong elements + the 3D form */
  --on-brand:       hsl(37 33% 96%);
  --accent:         hsl(14 45% 41%);   /* muted terracotta clay — the single accent */
  --on-accent:      hsl(37 40% 96%);
  --muted:          hsl(26 9% 37%);    /* stone-grey secondary text — AA on --surface */

  /* structural neutrals (derived, kept literal) */
  --border:         hsl(30 16% 84%);   /* warm hairline rules */
  --surface-veil:   hsl(37 33% 96% / 0.82);  /* --surface at ~82% for nav blur */

  /* type — editorial voice: Fraunces display + Inter body */
  --font-display: "Fraunces", 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.2rem, 1.12rem + 0.4vw, 1.5rem);
  --text-xl:   clamp(1.5rem, 1.36rem + 0.7vw, 2rem);
  --text-2xl:  clamp(1.95rem, 1.7rem + 1.2vw, 2.85rem);
  --text-hero: clamp(2.6rem, 1.9rem + 3.4vw, 5rem);
  --leading-body: 1.55;
  --leading-tight: 1.08;

  /* 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;
  --space-16: 8rem;

  /* shape & depth — crisp architectural edges, warm soft shadows */
  --radius-sm: 3px;
  --radius: 6px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px hsl(26 24% 12% / 0.05), 0 4px 14px hsl(26 24% 12% / 0.06);
  --shadow:    0 2px 8px hsl(26 24% 12% / 0.07), 0 20px 48px hsl(26 24% 12% / 0.11);

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