:root {
  --color-bg: #0a0a0a;
  --color-bg-elevated: #111111;
  --color-bg-muted: #1a1a1a;
  --color-bg-input: #0f0f0f;
  --color-text: #f5f5f5;
  --color-text-muted: #888;
  --color-text-subtle: #555;
  --color-border: #242424;
  --color-border-strong: #484848;
  --color-border-focus: #787878;
  --color-primary: #ffffff;
  --color-primary-text: #0a0a0a;
  --color-inverse: #000000;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --transition: 160ms ease;
  --transition-slow: 250ms ease;

  --shadow-card: 0 0 0 1px var(--color-border), 0 8px 32px rgba(0,0,0,.5);
}