/* Also Coffee Co — Typography tokens
   Headings: Fraunces (soft variable serif, high optical size, playful).
   Body/UI:  Hanken Grotesk (friendly humanist sans).
   Note: only --font-display / --font-body are font-FAMILY tokens (auto-detected
   as `font`); the size/weight/metric tokens below are marked `@kind other` so
   the compiler doesn't read their clamp() values as font-family names. */
:root {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Fraunces axis defaults for the warm/wonky display look */
  --display-opsz: 144; /* @kind other */
  --display-soft: 60;  /* @kind other */
  --display-wonk: 1;   /* @kind other */

  /* Fluid type scale (clamp: min @375px -> max @1440px) */
  --fs-display:  clamp(2.75rem, 1.4rem + 5.8vw, 5.25rem); /* @kind other */
  --fs-h1:       clamp(2.25rem, 1.3rem + 4vw, 3.75rem); /* @kind other */
  --fs-h2:       clamp(1.85rem, 1.2rem + 2.7vw, 2.85rem); /* @kind other */
  --fs-h3:       clamp(1.4rem, 1.1rem + 1.3vw, 1.9rem); /* @kind other */
  --fs-h4:       clamp(1.2rem, 1.05rem + 0.6vw, 1.4rem); /* @kind other */
  --fs-lead:     clamp(1.1rem, 1rem + 0.5vw, 1.3rem); /* @kind other */
  --fs-body:     1.0625rem; /* @kind other */
  --fs-small:    0.9375rem; /* @kind other */
  --fs-eyebrow:  0.8125rem; /* @kind other */
  --fs-micro:    0.75rem; /* @kind other */

  /* Weights */
  --fw-body: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */
  --fw-display: 600; /* @kind other */
  --fw-display-black: 700; /* @kind other */

  /* Line heights */
  --lh-tight: 1.04; /* @kind other */
  --lh-snug: 1.18; /* @kind other */
  --lh-body: 1.6; /* @kind other */

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind other */
  --ls-tight: -0.02em; /* @kind other */
  --ls-eyebrow: 0.14em; /* @kind other */
  --ls-normal: 0; /* @kind other */
}