/* Coldwater Logic — Typography tokens
   Montserrat for everything brand-facing; IBM Plex Mono for figures/labels.
   Display & eyebrow set ALL-CAPS with positive tracking, echoing the wordmark. */

:root {
  /* ---- Families ---- */
  --font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-display: var(--font-sans);

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

  /* ---- Fluid type scale (1.250 major-third base) ---- */
  --fs-display:  clamp(2.75rem, 1.6rem + 4.6vw, 4.5rem); /* @kind other */
  --fs-h1:       clamp(2.1rem, 1.5rem + 2.4vw, 3rem); /* @kind other */
  --fs-h2:       clamp(1.6rem, 1.25rem + 1.4vw, 2.15rem); /* @kind other */
  --fs-h3:       1.5rem; /* @kind other */
  --fs-h4:       1.25rem; /* @kind other */
  --fs-lead:     1.25rem; /* @kind other */
  --fs-body:     1rem; /* @kind other */
  --fs-small:    0.875rem; /* @kind other */
  --fs-caption:  0.75rem; /* @kind other */
  --fs-eyebrow:  0.75rem; /* @kind other */

  /* ---- Line heights ---- */
  --lh-tight:   1.04; /* @kind other */
  --lh-snug:    1.18; /* @kind other */
  --lh-normal:  1.55; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display:  -0.02em; /* @kind other */
  --ls-heading:  -0.01em; /* @kind other */
  --ls-body:     0; /* @kind other */
  --ls-eyebrow:  0.18em; /* @kind other */
  --ls-caps:     0.08em; /* @kind other */

  /* ---- Semantic roles ---- */
  --text-display-size:   var(--fs-display);
  --text-display-weight: var(--fw-black); /* @kind other */
  --text-display-lh:     var(--lh-tight); /* @kind other */
  --text-heading-weight: var(--fw-bold); /* @kind other */
  --text-body-weight:    var(--fw-regular); /* @kind other */
  --text-eyebrow-weight: var(--fw-semibold); /* @kind other */
}