/* ============================================================
   PIFF STIXS — TYPOGRAPHY TOKENS
   Display: Anton (Gobold sub) — tall, condensed, ALL CAPS slabs.
   Sans:    Montserrat (Gotham sub) — geometric workhorse.
   Script:  Kaushan Script (Billion Dreams sub) — signature accents.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Anton', 'Gobold', 'Montserrat', system-ui, sans-serif; /* condensed headline */
  --font-sans: 'Montserrat', 'Gotham', system-ui, -apple-system, sans-serif;
  --font-script: 'Kaushan Script', 'Billion Dreams', cursive;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights (Montserrat = Gotham map) ---- */
  --fw-book: 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 (1.250 major-third, 16px base) ---- */
  --fs-3xs: 0.694rem;   /* 11px */
  --fs-2xs: 0.75rem;    /* 12px */
  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.875rem;    /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md: 1.125rem;    /* 18px */
  --fs-lg: 1.375rem;    /* 22px */
  --fs-xl: 1.75rem;     /* 28px */
  --fs-2xl: 2.25rem;    /* 36px */
  --fs-3xl: 3rem;       /* 48px */
  --fs-4xl: 4rem;       /* 64px */
  --fs-5xl: 5.5rem;     /* 88px */
  --fs-6xl: 7.5rem;     /* 120px display */

  /* ---- Line heights ---- */
  --lh-tight: 0.95;     /* @kind font */
  --lh-snug: 1.1;       /* @kind font */
  --lh-heading: 1.18;   /* @kind font */
  --lh-body: 1.55;      /* @kind font */
  --lh-loose: 1.7;      /* @kind font */

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

  /* ---- Semantic type roles ---- */
  --type-eyebrow: var(--fw-bold) var(--fs-2xs)/1.2 var(--font-sans); /* @kind font */
  --type-body: var(--fw-book) var(--fs-base)/var(--lh-body) var(--font-sans); /* @kind font */
  --type-label: var(--fw-semibold) var(--fs-sm)/1.3 var(--font-sans); /* @kind font */
}