/* ═══════════════════════════════════════════════════════════════════════════
   Typography Tokens
   Font weights, text sizes, title sizes, line heights, letter spacings.
   Referenced by utility classes in utilities.css and component CSS.
   ═══════════════════════════════════════════════════════════════════════════ */

:root,
[data-bs-theme=light] {

  /* ── Font families (canonical — see docs/style-guide.md §5.0) ── */
  --font-body:            'inter-variable', 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --font-display:         'inter-variable', 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --font-serif:           'Tiempos Text', 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-mono:            ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

  /* ── OpenType features ── */
  --font-settings:        "cv01", "ss03";

  /* ── Font weights ── */
  --fw-light:             300;
  --fw-normal:            400;
  --fw-medium:            510;
  --fw-semibold:          590;
  --fw-bold:              680;

  /* ── Body text sizes ── */
  --text-nano:            0.6875rem;  /* 11px */
  --text-micro:           0.75rem;    /* 12px */
  --text-mini:            0.8125rem;  /* 13px */
  --text-small:           0.875rem;   /* 14px */
  --text-regular:         0.9375rem;  /* 15px */
  --text-large:           1.0625rem;  /* 17px */

  /* ── Body line heights ── */
  --text-micro-lh:        1.4;
  --text-mini-lh:         1.5;
  --text-small-lh:        1.5;
  --text-regular-lh:      1.6;
  --text-large-lh:        1.6;

  /* ── Body letter spacings ── */
  --text-mini-ls:         -0.01em;
  --text-small-ls:        -0.006em;
  --text-regular-ls:      -0.011em;

  /* ── Title sizes (heading scale) ── */
  --title-1:              1.0625rem;  /* 17px */
  --title-2:              1.25rem;    /* 20px */
  --title-3:              1.5rem;     /* 24px */
  --title-4:              2rem;       /* 32px */
  --title-5:              2.5rem;     /* 40px */
  --title-6:              3rem;       /* 48px */
  --title-7:              3.5rem;     /* 56px */
  --title-8:              4rem;       /* 64px */
  --title-9:              4.5rem;     /* 72px */

  /* ── Title line heights ── */
  --title-1-lh:           1.4;
  --title-2-lh:           1.33;
  --title-3-lh:           1.33;
  --title-4-lh:           1.125;
  --title-5-lh:           1.1;
  --title-6-lh:           1;
  --title-7-lh:           1.1;
  --title-8-lh:           1.06;
  --title-9-lh:           1;

  /* ── Title letter spacings ── */
  --title-1-ls:           -0.012em;
  --title-2-ls:           -0.012em;
  --title-3-ls:           -0.012em;
  --title-4-ls:           -0.014em;
  --title-5-ls:           -0.022em;
  --title-6-ls:           -0.022em;
  --title-7-ls:           -0.022em;
  --title-8-ls:           -0.022em;
  --title-9-ls:           -0.022em;

  /* ── Bootstrap body font weight ── */
  --bs-body-font-weight:  400;
}