/* ============================================================
   FMRG — Typography tokens
   Display: Archivo (uppercase, tight, heavy) for punchy headlines
   Body:    Hanken Grotesk for copy, UI, eyebrows
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;

  /* --- Weights --- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-xbold:    800;
  --weight-black:    900;

  /* --- Display scale (uppercase hero/section headlines) --- */
  --display-2xl: 900 clamp(3.5rem, 8vw, 7rem)/0.92 var(--font-display);
  --display-xl:  900 clamp(2.75rem, 5.5vw, 5rem)/0.94 var(--font-display);
  --display-lg:  800 clamp(2rem, 3.5vw, 3.25rem)/0.98 var(--font-display);
  --display-md:  800 clamp(1.5rem, 2.4vw, 2.25rem)/1.02 var(--font-display);

  /* --- Headings (title case, body family weight steps) --- */
  --heading-lg:  700 1.5rem/1.15 var(--font-display);
  --heading-md:  700 1.25rem/1.2 var(--font-display);
  --heading-sm:  700 1.0625rem/1.25 var(--font-display);

  /* --- Body --- */
  --body-lg:  400 1.1875rem/1.55 var(--font-body);
  --body-md:  400 1.0625rem/1.6 var(--font-body);
  --body-sm:  400 0.9375rem/1.55 var(--font-body);

  /* --- Eyebrow / label (wide-tracked uppercase) --- */
  --eyebrow:    600 0.8125rem/1.2 var(--font-body);
  --label-xs:   600 0.6875rem/1.2 var(--font-body);

  /* --- Letter-spacing --- */
  --tracking-display: -0.01em;   /* tight on big display */
  --tracking-tight:   -0.005em;
  --tracking-normal:  0em;
  --tracking-eyebrow: 0.22em;    /* wide-tracked eyebrows / labels */
  --tracking-wide:    0.08em;
}