:root {
  /* ── Font families ── */
  --font-display: "Cinzel", "Times New Roman", serif;
  --font-body: "JetBrains Mono", "Consolas", monospace;
  --font-accent: "Aladin", "Cinzel", serif;

  /* Legacy aliases (kept for gradual migration) */
  --font-mono: var(--font-body);
  --font-carved: var(--font-display);
  --font-fantasy: var(--font-accent);

  /* ── Type scale ── */
  --text-2xs: 0.6875rem;  /* 11px — micro HUD (was 10px) */
  --text-xs: 0.75rem;     /* 12px — labels, metadata */
  --text-sm: 0.8125rem;   /* 13px — eyebrows, secondary */
  --text-base: 0.875rem;  /* 14px — body copy */
  --text-md: 1rem;        /* 16px — project names / nav */
  --text-lg: 1.25rem;     /* 20px — bay title */
  --text-xl: 1.5rem;      /* 24px — detail / byline */
  --text-2xl: 2.125rem;   /* 34px — doc headings */
  --text-display: 1.45rem; /* wordmark — brand-first */

  /* ── Letter-spacing ── */
  --ls-tight: 0.02em;
  --ls-normal: 0.06em;
  --ls-wide: 0.12em;
  --ls-label: 0.18em;
  --ls-eyebrow: 0.22em;

  /* ── Line height ── */
  --lh-tight: 1.25;
  --lh-snug: 1.45;
  --lh-body: 1.65;
  --lh-loose: 1.8;

  /* ── Text colors ── */
  --text-primary: #e8ddc7;
  --text-secondary: #9a9283;
  --text-muted: #6e675c;
  --text-accent: #2bb8b0;
  --text-accent-dim: #1f8a84;
  --text-gold: #d1a14c;
  --text-gold-dim: #8a682c;
  --text-gold-hi: #e6c988;

  /* Legacy color aliases */
  --bone: var(--text-primary);
  --bone-dim: var(--text-secondary);
  --ochre: var(--text-gold);
  --ochre-dim: var(--text-gold-dim);
  --scan-teal: var(--text-accent);

  /* ── Surfaces ── */
  --void: #0a0908;
  --concrete: #11141d;
  --concrete-raised: #1a1f2c;
  --lapis: #105ba3;
  --lapis-deep: #0b345e;
  --rust: #8a2e1f;

  /* ── Motion ── */
  --snap: cubic-bezier(0.16, 1, 0.3, 1);
  --t-slow: 480ms;
  --t-fast: 180ms;
}