/* NINE CAP TCG — Typography tokens */

:root {
  /* Families */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* Weights */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  /* Display scale (condensed, uppercase hero/section) — line-height tight */
  --display-2xl: 700 84px/0.92 var(--font-display);
  --display-xl:  700 64px/0.94 var(--font-display);
  --display-lg:  700 48px/0.96 var(--font-display);
  --display-md:  600 36px/1.0  var(--font-display);
  --display-sm:  600 28px/1.05 var(--font-display);

  /* Body scale */
  --text-2xl: 600 24px/1.3 var(--font-body);
  --text-xl:  500 20px/1.35 var(--font-body);
  --text-lg:  400 18px/1.5 var(--font-body);
  --text-md:  400 16px/1.55 var(--font-body);
  --text-sm:  400 14px/1.5 var(--font-body);
  --text-xs:  500 12px/1.4 var(--font-body);

  /* Mono (numbers, codes) */
  --mono-md: 500 15px/1.4 var(--font-mono);
  --mono-sm: 500 13px/1.4 var(--font-mono);

  /* Letter-spacing */
  --tracking-display: 0.01em;  /* condensed display, slight open */
  --tracking-caps:    0.14em;  /* eyebrow / uppercase labels */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0em;

  /* Uppercase eyebrow label (recurring brand device) */
  --eyebrow: var(--weight-semibold) 12px/1 var(--font-display);
}