/* ============================================================
   Hamburg · Our Town Foundation — Typography Tokens
   ------------------------------------------------------------
   Anton          → display / poster headlines (uppercase)
   Archivo        → headings, UI, body
   Kaushan Script → festive accent, sparingly
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Anton', 'Archivo', system-ui, sans-serif;
  --font-heading: 'Archivo', system-ui, -apple-system, sans-serif;
  --font-body:    'Archivo', system-ui, -apple-system, sans-serif;
  --font-script:  'Kaushan Script', 'Brush Script MT', cursive;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Weights */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  --fw-extra:    800; /* @kind other */
  --fw-black:    900; /* @kind other */

  /* Type scale — 1.25 major-third-ish, tuned for poster impact */
  --text-2xs:  0.6875rem;  /* 11px — overlines, fine print */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px — body default */
  --text-md:   1.125rem;   /* 18px — lead body */
  --text-lg:   1.375rem;   /* 22px */
  --text-xl:   1.75rem;    /* 28px */
  --text-2xl:  2.25rem;    /* 36px */
  --text-3xl:  3rem;       /* 48px */
  --text-4xl:  4rem;       /* 64px */
  --text-5xl:  5.5rem;     /* 88px — hero display */
  --text-6xl:  7.5rem;     /* 120px — poster */

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

  /* Letter spacing */
  --tracking-tightest: -0.02em;
  --tracking-tight:    -0.01em;
  --tracking-normal:   0;
  --tracking-wide:     0.04em;
  --tracking-wider:    0.08em;
  --tracking-caps:     0.14em;   /* tracked-out uppercase labels */
}