/* Across the Limits — design tokens (LIGHT rebuild)
 * Brief from Jeanine (26.06): white not black (readability), drastically simpler,
 * clarity like z-training.ch. Sage brand rgb(181,201,131) kept, darkened to an
 * owned olive-green for contrast on white.
 * Fonts: Archivo (display) + Manrope (body) + Space Mono (labels).
 */

:root {
  /* ---- Base / surfaces (LIGHT) ---- */
  --bg: #FFFFFF;            /* white canvas — the headline change */
  --bg-paper: #F6F7F2;     /* warm off-white for alternating sections */
  --bg-card: #FFFFFF;
  --bg-ink: #14160F;       /* rare dark section (footer / hero scrim) */
  --line: #E7E8E1;         /* hairline on white */
  --line-strong: #D6D8CC;

  /* ---- Accent (sage → owned olive, AA on white) ---- */
  --sage: #5C7A2E;             /* accent text/links on white — 4.9:1 */
  --sage-deep: #46611F;        /* small accent text — 6.6:1 */
  --sage-bright: #8BA84E;      /* large decorative / hover */
  --sage-soft: #B5C983;        /* decorative chips/wash on white */
  --sage-wash: #EEF2E2;        /* tinted block backgrounds */
  --sage-rgb: 92, 122, 46;

  /* ---- Text ---- */
  --ink: #14160F;          /* primary — 18:1 on white */
  --ink-2: #4A4E42;        /* secondary body — 8.4:1 */
  --ink-3: #777B6C;        /* muted / meta — 4.8:1 */
  --on-accent: #FFFFFF;    /* text on filled sage buttons */
  --on-ink: #F4F5F0;       /* text on dark blocks */

  /* ---- Typography ---- */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-condensed: "Archivo Narrow", "Archivo", sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;

  --fw-body: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-display: 800;

  /* ---- Type scale (a touch calmer than the dark build) ---- */
  --fs-hero: clamp(2.6rem, 6.5vw, 5.5rem);
  --fs-h2: clamp(1.75rem, 3.2vw, 2.8rem);
  --fs-h3: clamp(1.2rem, 1.8vw, 1.6rem);
  --fs-stat: clamp(2.6rem, 6vw, 5rem);
  --fs-body-lg: 1.2rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --lh-tight: 1.04;
  --lh-snug: 1.18;
  --lh-body: 1.62;

  --tracking-display: -0.02em;
  --tracking-label: 0.16em;
  --tracking-nav: 0.1em;

  /* ---- Spacing ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-section: clamp(4.5rem, 9vw, 8rem);
  --gutter: 1.5rem;
  --maxw: 1180px;

  /* ---- Radius ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-reveal: 600ms;
  --dur-hover: 240ms;
  --dur-nav: 220ms;

  /* ---- Elevation ---- */
  --scrim-hero: linear-gradient(180deg, rgba(20,22,15,0) 0%, rgba(20,22,15,0.40) 45%, rgba(20,22,15,0.85) 100%);
  --shadow-sm: 0 2px 10px -4px rgba(20,22,15,0.12);
  --shadow-card: 0 18px 50px -28px rgba(20,22,15,0.28);
  --shadow-pop: 0 30px 70px -30px rgba(20,22,15,0.32);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-reveal: 0ms; --dur-hover: 0ms; --dur-nav: 0ms; }
}