/* ==========================================================================
   VRT — type tokens
   Fonts are the theme's real webfont stack (assets/vrt-theme.css), loaded via
   the Google Fonts CSS API — the same source vrtgear-theme itself links from
   standalone/index.html. No local substitution was needed.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Hanken+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  /* ---- Base font stacks ---- */
  --font-display: 'Archivo', 'Archivo Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace;

  /* ---- Semantic aliases ---- */
  --text-font-heading: var(--font-display);   /* uppercase, 700–900, tight tracking */
  --text-font-body: var(--font-body);         /* paragraphs, lead copy */
  --text-font-label: var(--font-mono);        /* eyebrows, buttons, meta, prices' units */

  /* ---- Type scale (desktop) — clamps let headings fluid-scale to mobile ---- */
  --text-display: clamp(48px, 8.4vw, 128px);  /* home/hero H1 */
  --text-h1: clamp(44px, 7vw, 104px);          /* page hero H1 */
  --text-h2: clamp(26px, 3vw, 38px);           /* section H2 */
  --text-h3: 30px;                             /* H3 */
  --text-h4: 24px;
  --text-body-lg: 19px;                        /* lead paragraphs */
  --text-body: 15px;                           /* default paragraph */
  --text-body-sm: 14px;
  --text-label: 12px;                          /* eyebrows, buttons */
  --text-label-sm: 11px;                       /* meta, captions */
  --text-label-xs: 10px;

  /* ---- Tracking / weight ---- */
  --tracking-heading: -0.035em;   /* display headings */
  --tracking-label: 0.08em;       /* mono eyebrows / buttons, uppercase */
  --tracking-label-loose: 0.16em; /* wide standalone eyebrows */
  --weight-display: 900;
  --weight-heading: 800;
  --weight-body: 400;
  --weight-label: 700;
}