/* Terminal Commerce — Typography tokens
   Display: Space Mono (terminal-retro monospace — headlines, logo, the identity)
   Body/UI: Hanken Grotesk (clean, readable — keeps long copy legible)
   Mono:    JetBrains Mono (code, labels, terminal output) */

:root {
  --font-display: "Space Mono", "JetBrains Mono", ui-monospace, monospace;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Type scale (marketing-grade; px) */
  --text-display-xl: 4.25rem; /* 68 — hero */
  --text-display: 3rem;       /* 48 */
  --text-h1: 2.25rem;         /* 36 */
  --text-h2: 1.75rem;         /* 28 */
  --text-h3: 1.375rem;        /* 22 */
  --text-h4: 1.125rem;        /* 18 */
  --text-body-lg: 1.125rem;   /* 18 */
  --text-body: 1rem;          /* 16 */
  --text-body-sm: 0.875rem;   /* 14 */
  --text-caption: 0.8125rem;  /* 13 */
  --text-mono-sm: 0.8125rem;  /* 13 */
  --text-eyebrow: 0.75rem;    /* 12 — mono uppercase label */

  /* Line heights */
  --lh-tight: 1.04; /* @kind font */
  --lh-snug: 1.18; /* @kind font */
  --lh-normal: 1.55; /* @kind font */

  /* Letter spacing — Space Mono is monospace, so display tracking is near-zero (negative tracking fights the grid) */
  --ls-display: -0.005em;
  --ls-tight: 0em;
  --ls-eyebrow: 0.14em; /* wide tracking for mono eyebrows */

  /* Composite font shorthands — Space Mono ships 400 + 700, so headlines use bold (700) */
  --type-display-xl: var(--fw-bold) var(--text-display-xl)/var(--lh-tight) var(--font-display);
  --type-display: var(--fw-bold) var(--text-display)/var(--lh-tight) var(--font-display);
  --type-h1: var(--fw-bold) var(--text-h1)/var(--lh-snug) var(--font-display);
  --type-h2: var(--fw-bold) var(--text-h2)/var(--lh-snug) var(--font-display);
  --type-h3: var(--fw-regular) var(--text-h3)/var(--lh-snug) var(--font-display);
  --type-body: var(--fw-regular) var(--text-body)/var(--lh-normal) var(--font-body);
  --type-body-lg: var(--fw-regular) var(--text-body-lg)/var(--lh-normal) var(--font-body);
  --type-mono: var(--fw-regular) var(--text-mono-sm)/1.5 var(--font-mono);
}