/* ai.Consult — Typography tokens
 * Single-typeface system: Space Grotesk for everything.
 * Geometric, slightly quirky grotesk → modern, technical, digital touch.
 */
:root {
  /* ---- Families ---- */
  --font-sans: 'Space Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: 'Space Grotesk', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

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

  /* ---- Type scale (rem, 16px base) ---- */
  --fs-display: 4.5rem;   /* 72 — hero */
  --fs-h1: 3rem;          /* 48 */
  --fs-h2: 2.25rem;       /* 36 */
  --fs-h3: 1.5rem;        /* 24 */
  --fs-h4: 1.25rem;       /* 20 */
  --fs-body-lg: 1.125rem; /* 18 */
  --fs-body: 1rem;        /* 16 */
  --fs-sm: 0.875rem;      /* 14 */
  --fs-xs: 0.75rem;       /* 12 */

  /* ---- Line heights ---- */
  --lh-tight: 1.05;   /* @kind font */
  --lh-snug: 1.2;     /* @kind font */
  --lh-normal: 1.5;   /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.03em; /* @kind font */
  --ls-snug: -0.01em;  /* @kind font */
  --ls-normal: 0;      /* @kind font */
  --ls-wide: 0.08em;   /* @kind font */
  --ls-wider: 0.16em;  /* @kind font */

  /* ---- Semantic roles ---- */
  --text-display-size: var(--fs-display);
  --text-display-weight: var(--fw-bold);
  --text-display-ls: var(--ls-tight);
  --text-display-lh: var(--lh-tight);

  --text-heading-weight: var(--fw-semibold);
  --text-heading-ls: var(--ls-snug);
  --text-heading-lh: var(--lh-snug);

  --text-body-weight: var(--fw-regular);
  --text-body-lh: var(--lh-relaxed);

  --text-eyebrow-weight: var(--fw-medium);
  --text-eyebrow-ls: var(--ls-wide);
  --text-eyebrow-size: var(--fs-sm);
}