/* WPDMarketing — Typography tokens.
   Primary: DM Sans (400/500/700). Mono (labels, country codes, digits): DM Mono. */
:root {
  --font-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* Type scale — size / line-height / tracking.
     Headings use slightly negative tracking; body neutral; labels use mono + positive tracking. */
  --fs-hero:    clamp(44px, 6vw, 76px); /* @kind font */
  --lh-hero:    1.02; /* @kind font */
  --ls-hero:    -0.03em; /* @kind font */

  --fs-h2:      clamp(30px, 3.4vw, 44px); /* @kind font */
  --lh-h2:      1.08; /* @kind font */
  --ls-h2:      -0.02em; /* @kind font */

  --fs-h3:      22px; /* @kind font */
  --lh-h3:      1.25; /* @kind font */
  --ls-h3:      -0.01em; /* @kind font */

  --fs-body-lg: 19px; /* @kind font */
  --lh-body-lg: 1.6; /* @kind font */

  --fs-body:    16px; /* @kind font */
  --lh-body:    1.65; /* @kind font */

  --fs-small:   14px; /* @kind font */
  --lh-small:   1.5; /* @kind font */

  --fs-label:   12px;  /* @kind font */
  --lh-label:   1.4; /* @kind font */
  --ls-label:   0.08em; /* @kind font */
}