/* ============================================================
   Five by Five - Typography
   Display + UI: Montserrat · Data labels: JetBrains Mono
   ============================================================ */

:root {
  /* ---- Families ------------------------------------------ */
  --font-display: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans:    "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Weights ------------------------------------------- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-heavy:    800;
  --weight-black:    900;   /* Montserrat - impact headlines */

  /* ---- Type scale (font-size / line-height) -------------- */
  /* Display - Montserrat, tight leading, negative tracking */
  --text-display-2xl: 4.5rem;    /* 72 */
  --text-display-xl:  3.5rem;    /* 56 */
  --text-display-lg:  2.75rem;   /* 44 */

  /* Headings */
  --text-h1: 2.125rem;  /* 34 */
  --text-h2: 1.6875rem; /* 27 */
  --text-h3: 1.375rem;  /* 22 */
  --text-h4: 1.125rem;  /* 18 */

  /* Body - Montserrat */
  --text-body-lg: 1.125rem;  /* 18 */
  --text-body-md: 1rem;      /* 16 */
  --text-body-sm: 0.875rem;  /* 14 */
  --text-caption: 0.8125rem; /* 13 */
  --text-overline: 0.75rem;  /* 12 */

  /* ---- Line heights -------------------------------------- */
  --leading-none:    1;
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ------------------------------------ */
  --tracking-tighter: -0.03em;  /* big display */
  --tracking-tight:   -0.02em;  /* headings */
  --tracking-normal:  0;
  --tracking-wide:    0.02em;
  --tracking-caps:    0.14em;   /* overlines / eyebrows / ticker */
}