/* ============================================================
   Rooted & Wired — shared structural tokens
   Identical across all six sites. Color + font identity lives
   in each site's theme.css as semantic custom properties.
   ============================================================ */

:root {
  /* Spacing scale */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4.5rem;
  --s-9: 6rem;
  --s-10: 8rem;

  /* Type scale */
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9rem;
  --fs-base: 1.0625rem;
  --fs-md: 1.1875rem;
  --fs-lg: 1.375rem;
  --fs-xl: clamp(1.55rem, 1.2rem + 1.4vw, 2.1rem);
  --fs-2xl: clamp(1.9rem, 1.35rem + 2.2vw, 2.9rem);
  --fs-hero: clamp(2.3rem, 1.5rem + 3.4vw, 3.9rem);

  --lh-tight: 1.12;
  --lh-snug: 1.3;
  --lh-body: 1.65;

  /* Layout */
  --container: 71rem;
  --container-narrow: 46rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Motion */
  --dur-fast: 180ms;
  --dur-reveal: 420ms;
  --dur-slow: 700ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Elevation */
  --shadow-1: 0 1px 2px rgba(22, 19, 16, 0.05), 0 4px 14px rgba(22, 19, 16, 0.05);
  --shadow-2: 0 2px 4px rgba(22, 19, 16, 0.06), 0 14px 34px rgba(22, 19, 16, 0.10);

  /* Defaults a theme may override */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
}