/* ── Typography ────────────────────────────────────────────
   Display / headings: Poppins (geometric, confident wordmark feel)
   Body / UI:          Manrope (clean modern grotesque)
   NOTE: substituted from Google Fonts — the source deck's exact
   typeface was not embedded. Flagged to user for confirmation. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --font-display: 'Poppins', system-ui, sans-serif;
  --font-body:    'Manrope', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Type scale (deck + UI) */
  --fs-display:   64px;   /* hero statement */
  --fs-h1:        44px;
  --fs-h2:        32px;
  --fs-h3:        24px;
  --fs-lead:      20px;
  --fs-body:      16px;
  --fs-small:     13px;
  --fs-footnote:  10px;

  --lh-tight:     1.08;  /* @kind other */
  --lh-heading:   1.18;  /* @kind other */
  --lh-body:      1.5;   /* @kind other */

  --fw-regular:   400;   /* @kind other */
  --fw-medium:    500;   /* @kind other */
  --fw-semibold:  600;   /* @kind other */
  --fw-bold:      700;   /* @kind other */

  --tracking-tight: -0.02em;
  --tracking-wide:  0.12em;
}