/* The Fast Way — Typography tokens
   Poppins throughout. Display sizes are set tight and confident (banner style);
   body copy is calm and readable. */

:root {
  --font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* Type scale (px in rem) */
  --fs-display-xl: 4.25rem;  /* 68 — hero */
  --fs-display-lg: 3.25rem;  /* 52 */
  --fs-display-md: 2.5rem;   /* 40 — section titles */
  --fs-h1: 2rem;             /* 32 */
  --fs-h2: 1.5rem;           /* 24 */
  --fs-h3: 1.25rem;          /* 20 */
  --fs-body-lg: 1.125rem;    /* 18 */
  --fs-body: 1rem;           /* 16 */
  --fs-sm: 0.875rem;         /* 14 */
  --fs-eyebrow: 0.8125rem;   /* 13 — section labels */
  --fs-xs: 0.75rem;          /* 12 */

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

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-eyebrow: 0.16em; /* @kind other */

  /* Semantic roles */
  --text-hero:      var(--fw-semibold) var(--fs-display-xl)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-title:     var(--fw-semibold) var(--fs-display-md)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-body-role: var(--fw-regular) var(--fs-body)/var(--lh-relaxed) var(--font-body); /* @kind font */
}