/* Toshin Group — Typography tokens
   Archivo (display) · Hanken Grotesk (body/UI) · IBM Plex Mono (data) */
:root {
  /* Families */
  --font-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

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

  /* Type scale (rem, 16px base) — display uses tight tracking + heavy weight */
  --fs-display-xl: 4.5rem;  /* 72 — hero */
  --fs-display-lg: 3.5rem;  /* 56 */
  --fs-display-md: 2.75rem; /* 44 */
  --fs-h1: 2.25rem;         /* 36 */
  --fs-h2: 1.75rem;         /* 28 */
  --fs-h3: 1.375rem;        /* 22 */
  --fs-h4: 1.125rem;        /* 18 */
  --fs-body-lg: 1.125rem;   /* 18 */
  --fs-body: 1rem;          /* 16 */
  --fs-body-sm: 0.875rem;   /* 14 */
  --fs-caption: 0.75rem;    /* 12 */
  --fs-overline: 0.6875rem; /* 11 */

  /* Line heights */
  --lh-tight: 1.04; /* @kind other */
  --lh-snug: 1.18; /* @kind other */
  --lh-heading: 1.25; /* @kind other */
  --lh-body: 1.6; /* @kind other */
  --lh-relaxed: 1.75; /* @kind other */

  /* Letter spacing */
  --ls-tighter: -0.03em; /* @kind other */
  --ls-tight: -0.015em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide: 0.04em; /* @kind other */
  --ls-overline: 0.14em; /* @kind other */

  /* ---- Semantic aliases ---- */
  --text-display-font: var(--font-display);
  --text-heading-font: var(--font-display);
  --text-body-font: var(--font-body);
  --text-data-font: var(--font-mono);
}