:root {
  /* ── Surfaces ───────────────────────────────────────────── */
  --pyxis-bg:              #0c0d0f;
  --pyxis-surface:         #131518;
  --pyxis-surface-raised:  #1a1d21;
  --pyxis-surface-hover:   #21252a;
  --pyxis-border:          rgba(255,255,255,0.08);
  --pyxis-border-strong:   rgba(255,255,255,0.14);

  /* ── Text ───────────────────────────────────────────────── */
  --pyxis-text-primary:    #f0f0ee;
  --pyxis-text-secondary:  #8a8d91;
  --pyxis-text-tertiary:   #565a60;

  /* ── Brand amber ────────────────────────────────────────── */
  --pyxis-amber:           #e8a832;
  --pyxis-amber-hover:     #f0b835;
  --pyxis-amber-dim:       rgba(232,168,50,0.15);
  --pyxis-amber-glow:      rgba(232,168,50,0.06);
  --pyxis-amber-on:        #1a1300;

  /* ── Semantic ───────────────────────────────────────────── */
  --pyxis-blue:            #4a9eff;
  --pyxis-blue-dim:        rgba(74,158,255,0.12);
  --pyxis-green:           #4caf78;
  --pyxis-green-dim:       rgba(76,175,120,0.12);
  --pyxis-red:             #e05555;
  --pyxis-red-dim:         rgba(224,85,85,0.12);
  --pyxis-teal:            #3ab8a0;
  --pyxis-teal-dim:        rgba(58,184,160,0.12);
  --pyxis-purple:          #9b7fe8;
  --pyxis-purple-dim:      rgba(155,127,232,0.12);

  /* ── Aliases ────────────────────────────────────────────── */
  --fg1: var(--pyxis-text-primary);
  --fg2: var(--pyxis-text-secondary);
  --fg3: var(--pyxis-text-tertiary);
  --bg1: var(--pyxis-bg);
  --bg2: var(--pyxis-surface);
  --bg3: var(--pyxis-surface-raised);
  --accent: var(--pyxis-amber);

  /* ── Typography ─────────────────────────────────────────── */
  --font-body:       'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono:       'DM Mono', 'JetBrains Mono', ui-monospace, monospace;
  --font-display:    'DM Sans', system-ui, sans-serif;
  --font-instrument: 'B612', 'DM Mono', ui-monospace, monospace;

  /* ── Spacing ────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── Radii ──────────────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   10px;
  --radius-xl:   14px;
  --radius-pill: 100px;

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-sm:         0 1px 2px rgba(0,0,0,0.3);
  --shadow-md:         0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg:         0 12px 32px rgba(0,0,0,0.5);
  --shadow-glow-amber: 0 0 24px rgba(232,168,50,0.2);

  /* ── Motion ─────────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 100ms;
  --dur-base: 150ms;
  --dur-slow: 300ms;
}