/* ============================================================
   E.S. WAGNER — TYPOGRAPHY TOKENS
   Brand fonts: Barlow (body) + Barlow Condensed (headers/subheaders)
   Both are the genuine brand typefaces, served from Google Fonts.
   ============================================================ */

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

:root {
  /* Families */
  --font-heading: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body:    'Barlow', system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

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

  /* Display + heading scale (Barlow Condensed) — industrial, tight */
  --fs-display:  clamp(48px, 6vw, 88px);   /* @kind font */
  --fs-h1:       clamp(38px, 4.4vw, 60px); /* @kind font */
  --fs-h2:       clamp(30px, 3.2vw, 44px); /* @kind font */
  --fs-h3:       28px;   /* @kind font */
  --fs-h4:       22px;   /* @kind font */
  --fs-eyebrow:  14px;   /* @kind font */

  /* Body scale (Barlow) */
  --fs-lead:  20px;   /* @kind font */
  --fs-body:  16px;   /* @kind font */
  --fs-sm:    14px;   /* @kind font */
  --fs-xs:    12px;   /* @kind font */

  /* Line heights */
  --lh-tight: 1.02;     /* @kind font */
  --lh-snug:  1.15;     /* @kind font */
  --lh-heading: 1.08;   /* @kind font */
  --lh-body:  1.6;      /* @kind font */
  --lh-relaxed: 1.75;   /* @kind font */

  /* Letter spacing */
  --ls-display: -0.01em;  /* @kind font */
  --ls-tight:  -0.005em;  /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-eyebrow: 0.14em;   /* @kind font */
  --ls-caps:   0.06em;    /* @kind font */
}