:root {
  /* ─── Typography ─────────────────────────────────── */
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* ─── Accent ──────────────────────────────────────── */
  --color-accent: #4a6fd4;

  /* ─── Surfaces ────────────────────────────────────── */
  --color-surface-bg:     #0a0a0a;
  --color-surface-raised: #111111;
  --color-surface-card:   #1a1a1a;

  /* ─── Text ────────────────────────────────────────── */
  --color-text-primary: #ffffff;
  --color-text-body:    rgba(255, 255, 255, 0.5);
  --color-text-label:   rgba(255, 255, 255, 0.3);

  /* ─── Stack layer colors ──────────────────────────── */
  --color-stack-position-1: #3abab0;
  --color-stack-position-2: #8a5ab8;
  --color-stack-position-3: #3a8ab8;
  --color-stack-position-4: #9a8a7a;
  --color-stack-position-5: #7a8a9a;

  /* ─── Borders ─────────────────────────────────────── */
  --color-border-subtle: rgba(255, 255, 255, 0.05);

  /* ─── Layout ──────────────────────────────────────── */
  --max-width: 1400px;

  /* ─── Border radius ───────────────────────────────── */
  --radius-sm:   3px;
  --radius-base: 4px;
  --radius-pill: 9999px;

  /* ─── Transitions ─────────────────────────────────── */
  --transition-speed: 150ms;
  --transition-ease:  ease-in-out;
}