/* ============================================================
   WhyRomania · Typography tokens
   Display: elegant editorial serif (Spectral) over imagery.
   Body / UI: clean neutral sans (Hanken Grotesk).
   NOTE: Google Font substitutes pending in-house/licensed files.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
  /* Families */
  --font-serif-display: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-sans:          'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Weights */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* Type scale — editorial, generous. Display in serif, UI in sans. */
  --fs-display:  clamp(3rem, 6vw, 5.25rem); /* @kind font */
  --fs-h1:       clamp(2.25rem, 4vw, 3.5rem); /* @kind font */
  --fs-h2:       clamp(1.75rem, 2.6vw, 2.5rem); /* @kind font */
  --fs-h3:       1.5rem;    /* 24px @kind font */
  --fs-h4:       1.25rem;   /* 20px @kind font */
  --fs-lead:     1.25rem;   /* 20px — standfirst / intro @kind font */
  --fs-body:     1rem;      /* 16px @kind font */
  --fs-sm:       0.875rem;  /* 14px @kind font */
  --fs-xs:       0.75rem;   /* 12px @kind font */
  --fs-label:    0.6875rem; /* 11px — the region tag / eyebrow @kind font */

  /* Line heights */
  --lh-tight:   1.05;   /* @kind font */
  --lh-snug:    1.18;   /* @kind font */
  --lh-normal:  1.5;    /* @kind font */
  --lh-relaxed: 1.65;   /* @kind font */

  /* Letter spacing */
  --ls-display: -0.02em;  /* tighten large serif @kind font */
  --ls-tight:   -0.01em;  /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-wide:    0.08em;   /* eyebrows / small caps @kind font */
  --ls-label:   0.14em;   /* the region tag, all-caps @kind font */

  /* Semantic roles */
  --text-eyebrow-transform: uppercase; /* @kind other */
}