/* Poppins — brand typeface, served from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* Type scale (px) — from brand guide */
  --fs-h1: 48px; /* @kind font */
  --lh-h1: 1.10; /* @kind other */
  --ls-h1: -0.03em; /* @kind font */
  --fs-h2: 32px; /* @kind font */
  --lh-h2: 1.20; /* @kind other */
  --ls-h2: -0.02em; /* @kind font */
  --fs-h3: 22px; /* @kind font */
  --lh-h3: 1.30; /* @kind other */
  --ls-h3: -0.01em; /* @kind font */
  --fs-body: 16px; /* @kind font */
  --lh-body: 1.70; /* @kind other */
  --ls-body: 0em; /* @kind font */
  --fs-sm: 14px; /* @kind font */
  --lh-sm: 1.55; /* @kind other */
  --fs-caption: 12px; /* @kind font */
  --lh-caption: 1.50; /* @kind other */
  --ls-caption: 0.02em; /* @kind font */

  /* Semantic */
  --text-display: var(--fw-extrabold) var(--fs-h1)/var(--lh-h1) var(--font-sans);
}