/* ============================================================
   Voltai — Typography Tokens
   Display: Space Grotesk · Text/UI: IBM Plex Sans · Mono: IBM Plex Mono
   Voltai's voice is precise and engineering-grade: tight display
   headlines, comfortable body, and MONO for every technical label,
   metric, and spec line (the "VOLTAI™ · NDA RESTRICTED" register).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* ---- Type scale (1.250 major-third, rem) ---- */
  --text-2xs: 0.6875rem; /* 11px — micro labels */
  --text-xs: 0.75rem; /* 12px */
  --text-sm: 0.8125rem; /* 13px — UI default */
  --text-base: 0.9375rem; /* 15px — body */
  --text-md: 1.0625rem; /* 17px */
  --text-lg: 1.3125rem; /* 21px */
  --text-xl: 1.625rem; /* 26px */
  --text-2xl: 2rem; /* 32px */
  --text-3xl: 2.625rem; /* 42px */
  --text-4xl: 3.5rem; /* 56px */
  --text-5xl: 4.75rem; /* 76px */
  --text-6xl: 6.25rem; /* 100px — hero display */

  /* ---- Line heights ---- */
  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.03em; /* big display */
  --tracking-tight: -0.015em; /* headings */
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em; /* mono eyebrows / labels */
  --tracking-widest: 0.22em; /* the "VOLTAI™" lockup register */

  /* ---- Composite roles ---- */
  --type-display: var(--fw-medium) var(--text-5xl) / var(--leading-tight) var(--font-display);
  --type-h1: var(--fw-medium) var(--text-3xl) / var(--leading-snug) var(--font-display);
  --type-h2: var(--fw-medium) var(--text-2xl) / var(--leading-snug) var(--font-display);
  --type-h3: var(--fw-medium) var(--text-lg) / var(--leading-snug) var(--font-display);
  --type-body: var(--fw-regular) var(--text-base) / var(--leading-normal) var(--font-sans);
  --type-ui: var(--fw-medium) var(--text-sm) / 1.3 var(--font-sans);
  --type-label: var(--fw-medium) var(--text-2xs) / 1.2 var(--font-mono);
}