/* DWC — Typography tokens (per DWC Brand Guidelines)
 * Manrope (Headlines) — weight 500 for ALL headings; geometric, confident, approachable.
 *   H1 50px/60  ·  H2 40px/48  ·  H3 28px/39
 * Source Sans 3 (Text & UI) — weight 400; excellent legibility for long copy & buttons.
 *   Body 16px/24 */
:root {
  --font-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* 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 */
  --fw-extrabold: 800; /* @kind font */

  /* Weight used for headlines per brand */
  --fw-heading: 500; /* @kind font */

  /* Type scale (rem, 16px base) — brand H1/H2/H3 exact */
  --fs-display: 4.5rem;   /* @kind font */
  --fs-h1: 3.125rem;      /* 50px @kind font */
  --fs-h2: 2.5rem;        /* 40px @kind font */
  --fs-h3: 1.75rem;       /* 28px @kind font */
  --fs-h4: 1.25rem;       /* @kind font */
  --fs-lg: 1.125rem;      /* @kind font */
  --fs-body: 1rem;        /* @kind font */
  --fs-sm: 0.875rem;      /* @kind font */
  --fs-xs: 0.75rem;       /* @kind font */

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

  /* Letter spacing */
  --ls-tight: -0.03em; /* @kind font */
  --ls-snug: -0.015em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.08em; /* @kind font */
  --ls-wider: 0.14em; /* @kind font */
}