/* ============================================================
   INTRADCO — TYPOGRAPHY TOKENS
   Two families only:
   - Archivo: the entire UI. Headlines run heavy (800–900),
     UPPERCASE, tight tracking. Labels run small, UPPERCASE,
     wide tracking. This contrast IS the brand voice.
   - Lora italic: editorial accent only — "Since 1987.",
     pull-quotes, signatures. Never for UI or body.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui: var(--font-display);
  --font-serif: 'Lora', Georgia, 'Times New Roman', serif;

  /* ---- Weights ---- */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */ /* body copy is a touch heavy */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */ /* labels, nav, buttons */
  --fw-extrabold: 800; /* @kind font */ /* sub-headings, eyebrows */
  --fw-black: 900;     /* @kind font */ /* display headlines */

  /* ---- Fluid display sizes (headlines are UPPERCASE) ---- */
  --fs-hero: clamp(38px, 7.2vw, 92px);     /* @kind font */ /* hero word-blocks */
  --fs-display: clamp(30px, 4.2vw, 54px);  /* @kind font */ /* section headline */
  --fs-h2: clamp(28px, 3.4vw, 42px);       /* @kind font */ /* sub-section / value head */
  --fs-h3: clamp(24px, 2.9vw, 38px);       /* @kind font */ /* card headline / cred head */
  --fs-h4: 22px;                           /* @kind font */ /* pillar / card title */

  /* ---- Static text sizes ---- */
  --fs-lead: 17px;     /* @kind font */ /* lead paragraph under a headline */
  --fs-body: 15px;     /* @kind font */ /* default body copy */
  --fs-body-lg: 16px;  /* @kind font */
  --fs-sm: 14px;       /* @kind font */ /* dense list copy */
  --fs-label: 12px;    /* @kind font */ /* UPPERCASE labels, buttons */
  --fs-eyebrow: 13px;  /* @kind font */ /* section eyebrow */
  --fs-micro: 10px;    /* @kind font */ /* badge text, tiny caps */
  --fs-code: 22px;     /* @kind font */ /* airport / route codes */

  /* ---- Line heights ---- */
  --lh-tight: 0.98;    /* @kind font */ /* hero blocks */
  --lh-head: 1.04;     /* @kind font */ /* display headlines */
  --lh-snug: 1.18;     /* @kind font */ /* card titles */
  --lh-body: 1.7;      /* @kind font */ /* paragraphs */
  --lh-relaxed: 1.78;  /* @kind font */ /* long-form welfare copy */

  /* ---- Letter spacing ---- */
  --ls-hero: -0.02em;     /* @kind font */ /* tight on big display */
  --ls-display: -0.02em;  /* @kind font */
  --ls-tight: -0.015em;   /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-label: 0.08em;     /* @kind font */ /* nav / button caps */
  --ls-eyebrow: 0.16em;   /* @kind font */ /* section eyebrows */
  --ls-badge: 0.06em;     /* @kind font */
  --ls-mega-track: 0.42em;/* @kind font */ /* the lockup sub-label "GLOBAL · USA" */

  /* ---- Semantic aliases ---- */
  --text-eyebrow-transform: uppercase;
  --text-headline-transform: uppercase;
}