// ─────────────────────────────────────────────────────────────────────────────
// Component: Typography
// File:      src/scss/theme/_typography.scss
//
// Variants:  n/a — token definitions only
// Tokens:    --font-sans, --font-mono, --text-*, --weight-*, --line-height-*
// Usage:     font-family: var(--font-sans);
//
// Notes:     Inter + JetBrains Mono loaded via bunny.net CDN in base.html.
//            display=optional prevents FOUC by skipping late font swap.
// ─────────────────────────────────────────────────────────────────────────────

:root {
  --font-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SFMono-Regular', Consolas, monospace;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  32px;
  --text-3xl:  48px;

  --weight-normal:   400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  --line-height-tight:   1.25;
  --line-height-normal:  1.65;
  --line-height-relaxed: 1.8;

}