/* ============================================================
   River Runners — Typography tokens
   Primary: Roboto · Secondary: Fjalla One (condensed)
   Headlines are BIG, BOLD and frequently UPPERCASE.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display: "Fjalla One", "Roboto", Impact, sans-serif; /* condensed — banners, stats, nav */
  --font-body: var(--font-primary);

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

  /* ---- Type scale (rem, 16px base) ---- */
  --fs-display: 5rem;     /* 80px — hero */
  --fs-h1: 3.5rem;        /* 56px */
  --fs-h2: 2.5rem;        /* 40px — section titles ("Color Palette ―") */
  --fs-h3: 1.75rem;       /* 28px */
  --fs-h4: 1.375rem;      /* 22px */
  --fs-lead: 1.5625rem;   /* 25px — guide body copy */
  --fs-body: 1.0625rem;   /* 17px */
  --fs-body-sm: 0.9375rem;/* 15px */
  --fs-caption: 0.8125rem;/* 13px */
  --fs-overline: 0.75rem; /* 12px */

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

  /* ---- Letter spacing ---- */
  --ls-tight: -0.01em;    /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-wide: 0.04em;      /* @kind font */
  --ls-wider: 0.12em;     /* @kind font */
}