/* Typography — Tide & Copper
   Fraunces carries the weight. Hanken Grotesk carries the workday. Space Mono keeps time. */

:root {
  /* ---- Families ---- */
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;   /* The Voice */
  --font-sans:  "Hanken Grotesk", system-ui, -apple-system, sans-serif; /* The Workhorse */
  --font-mono:  "Space Mono", ui-monospace, "SFMono-Regular", monospace; /* The Timekeeper */

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

  /* ---- Type scale (web/UI baseline) ---- */
  --fs-display:   clamp(2.4rem, 6vw, 4.1rem); /* @kind font */
  --fs-h1:        44px;   /* @kind font */
  --fs-h2:        25px;   /* section heading @kind font */
  --fs-h3:        18px;   /* subhead @kind font */
  --fs-lede:      16px;   /* @kind font */
  --fs-body:      16px;   /* @kind font */
  --fs-body-sm:   14px;   /* @kind font */
  --fs-quote:     21px;   /* pull quote @kind font */
  --fs-eyebrow:   11.5px; /* eyebrows, labels @kind font */
  --fs-caption:   11px;   /* @kind font */

  /* ---- Line heights ---- */
  --lh-display: 1.02; /* @kind font */
  --lh-heading: 1.1;  /* @kind font */
  --lh-body:    1.5;  /* @kind font */
  --lh-quote:   1.3;  /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display:  -0.015em; /* @kind font */
  --ls-heading:  -0.01em;  /* @kind font */
  --ls-eyebrow:  0.3em;    /* mono eyebrows are heavily tracked @kind font */
  --ls-label:    0.16em;   /* @kind font */
  --ls-mono:     0.05em;   /* @kind font */

  /* ---- Semantic role tokens ---- */
  --text-display-font: var(--font-serif); /* @kind font */
  --text-heading-font: var(--font-serif); /* @kind font */
  --text-body-font:    var(--font-sans);  /* @kind font */
  --text-label-font:   var(--font-mono);  /* @kind font */
}