/* ==========================================================================
   Arvo — Typography tokens
   Family: Inter (variable) fills primary / secondary / special roles.
   Headings run medium weight, tight leading (~1.2) and negative tracking.
   Body runs light (300) at relaxed leading.
   ========================================================================== */

:root {
  /* ---- Families ---------------------------------------------------------- */
  --font-primary: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-secondary: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Weights ----------------------------------------------------------- */
  --weight-light: 300;    /* body copy, sub-headers                  */
  --weight-normal: 400;   /* UI labels, footer links                 */
  --weight-medium: 500;   /* headings, buttons, emphasised labels    */
  --weight-semibold: 600; /* eyebrows / uppercase kickers            */
  --weight-bold: 700;     /* rare — phone-mockup name, big numerals  */

  /* ---- Fluid display / heading scale ------------------------------------- */
  --text-hero: clamp(2.5rem, 5vw, 4rem);      /* 40 → 64px  hero H1     */
  --text-h1: clamp(2.25rem, 4vw, 3.75rem);    /* 36 → 60px  section H   */
  --text-h2: clamp(2rem, 3.2vw, 3rem);        /* 32 → 48px              */
  --text-h3: clamp(1.5rem, 2.4vw, 1.875rem);  /* 24 → 30px  card title  */

  /* ---- Body / UI --------------------------------------------------------- */
  --text-xl: 1.25rem;    /* 20px  lead paragraph      */
  --text-lg: 1.125rem;   /* 18px  section description  */
  --text-base: 1rem;     /* 16px                       */
  --text-sm: 0.875rem;   /* 14px  UI / buttons         */
  --text-xs: 0.75rem;    /* 12px  meta / pills         */
  --text-2xs: 0.625rem;  /* 10px  micro labels         */

  /* ---- Kicker / eyebrow --------------------------------------------------- */
  --eyebrow-size: 0.75rem;
  --eyebrow-tracking: 0.1em;   /* uppercase, semibold, primary colour */

  /* ---- Line heights ------------------------------------------------------ */
  --leading-tight: 1.2;     /* headings           */
  --leading-heading: 1.2;   /* canonical heading leading (alias) */
  --leading-snug: 1.4;
  --leading-relaxed: 1.6;   /* body / descriptions */

  /* ---- Letter spacing ---------------------------------------------------- */
  --tracking-tight: -0.02em;   /* large headings & numerals */
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-label: 0.1em;     /* uppercase eyebrows / stat labels */
  --tracking-widest: 0.2em;    /* uppercase footer labels   */
}