:root{
  /* Primitive palette (raw values) */
  --color-neutral-950:#0b0d10;
  --color-neutral-900:#0f1216;
  --color-neutral-850:#11151a;
  --color-neutral-700:#22262c;
  --color-neutral-100:#e5e7eb;
  --color-neutral-400:#8b9098;

  /* Semantic tokens (meaningful names used by UI components) */
  --bg-main: var(--color-neutral-950);
  --bg-panel: var(--color-neutral-900);
  --bg-panel-alt: var(--color-neutral-850);
  --border-default: var(--color-neutral-700);
  --text-main: var(--color-neutral-100);
  --text-muted: var(--color-neutral-400);

  /* Typography */
  --font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* Type scale */
  --text-11: 11px;
  --text-12: 12px;
  --text-13: 13px;
  --text-18: 18px;

  /* Spacing scale */
  --space-8: 32px;
  --space-6: 24px;
  --space-5: 20px;
  --space-4: 16px;
  --space-3: 12px;

  /* Borders */
  --border-1: 1px solid var(--border-default);
}