/* ============================================================
   Sigma Squared — Typography Tokens
   Literata for headlines/display; Poppins for all UI/body/data.
   Never set Literata below 20px. Never use Poppins for hero
   headlines. Signature move: italic-indigo Literata close.
   ============================================================ */
:root {
  --s2-font-display: "Literata", Georgia, "Times New Roman", serif;
  --s2-font-ui: "Poppins", system-ui, -apple-system, sans-serif;
  --s2-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* code / IDs only */

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

  /* Display / headline scale (Literata) — sizes are font; lh & weight are unitless */
  --s2-hero-size: clamp(52px, 7vw, 96px);
  --s2-hero-lh: 1.02; /* @kind other */
  --s2-hero-weight: 300; /* @kind other */
  --s2-h1-size: clamp(40px, 5vw, 60px);
  --s2-h1-lh: 1.05; /* @kind other */
  --s2-h1-weight: 400; /* @kind other */
  --s2-h2-size: clamp(30px, 4vw, 50px);
  --s2-h2-lh: 1.08; /* @kind other */
  --s2-h2-weight: 400; /* @kind other */
  --s2-h3-size: clamp(24px, 2.6vw, 32px);
  --s2-h3-lh: 1.15; /* @kind other */
  --s2-h3-weight: 400; /* @kind other */

  /* Body & UI scale (Poppins) */
  --s2-body-lg-size: 18px;
  --s2-body-lg-lh: 1.7; /* @kind other */
  --s2-body-lg-weight: 300; /* @kind other */
  --s2-body-size: 15px;
  --s2-body-lh: 1.65; /* @kind other */
  --s2-body-weight: 400; /* @kind other */
  --s2-body-sm-size: 13px;
  --s2-body-sm-lh: 1.6; /* @kind other */
  --s2-caption-size: 12px;
  --s2-caption-lh: 1.5; /* @kind other */
  --s2-label-size: 11px;
  --s2-label-ls: 0.14em; /* @kind other */
  --s2-label-weight: 700; /* UPPERCASE eyebrow — @kind other */
}