:root {
  /* ---- Brand colors ---- */
  --t-black: #000000;
  --t-white: #ffffff;
  --t-blue: #0f68dc;
  --t-blue-dim: #0b4ea8;
  --t-blue-tint: #eaf1fc;

  /* ---- Neutral scale (black-dominant system) ---- */
  --t-gray-900: #0a0a0a;
  --t-gray-800: #1a1a1a;
  --t-gray-600: #4a4a4a;
  --t-gray-400: #8a8a8a;
  --t-gray-200: #e2e2e2;
  --t-gray-100: #f4f4f4;
  --t-gray-050: #fafafa;

  /* ---- Semantic ---- */
  --t-bg: var(--t-white);
  --t-bg-inverse: var(--t-black);
  --t-fg: var(--t-black);
  --t-fg-inverse: var(--t-white);
  --t-fg-muted: var(--t-gray-600);
  --t-border: var(--t-gray-200);
  --t-accent: var(--t-blue);

  /* ---- Typography ---- */
  --t-font: 'Geist Sans', 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  --t-size-2xs: 0.75rem;
  --t-size-xs: 0.875rem;
  --t-size-sm: 1rem;
  --t-size-md: 1.25rem;
  --t-size-lg: 1.75rem;
  --t-size-xl: 2.5rem;
  --t-size-2xl: 3.5rem;
  --t-size-3xl: 5rem;
  --t-size-4xl: 7rem;

  --t-lh-tight: 1.02;
  --t-lh-snug: 1.2;
  --t-lh-normal: 1.5;
  --t-lh-relaxed: 1.7;

  --t-tracking-tight: -0.03em;
  --t-tracking-normal: 0;
  --t-tracking-wide: 0.08em;
  --t-tracking-wider: 0.16em;

  /* ---- Spacing scale (8px base) ---- */
  --t-space-1: 0.5rem;
  --t-space-2: 1rem;
  --t-space-3: 1.5rem;
  --t-space-4: 2rem;
  --t-space-5: 3rem;
  --t-space-6: 4rem;
  --t-space-7: 6rem;
  --t-space-8: 9rem;
  --t-space-9: 12rem;

  /* ---- Grid / layout ---- */
  --t-container-max: 1400px;
  --t-gutter: clamp(1.25rem, 4vw, 3rem);
  --t-radius: 2px;

  /* ---- Motion ---- */
  --t-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-duration-fast: 220ms;
  --t-duration-normal: 480ms;
  --t-duration-slow: 900ms;
  --t-duration-cinematic: 1400ms;

  /* ---- Elevation (used sparingly) ---- */
  --t-shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --t-shadow-md: 0 8px 24px rgba(0,0,0,0.08);

  /* ---- Network geometry ---- */
  --t-node-fill: var(--t-black);
  --t-node-fill-active: var(--t-blue);
  --t-line-color: rgba(0,0,0,0.14);
  --t-line-color-active: var(--t-blue);
}

@media (prefers-color-scheme: dark) {
  /* Reserved: theme currently ships a single light editorial mode by design.
     Token layer present for future dark-mode support without refactor. */
}