:root {
  /* Background */
  --bg-root: #08060F;
  --bg-surface: #0F0D18;
  --bg-raised: #161225;
  --bg-overlay: rgba(8, 6, 15, 0.85);

  /* Accent */
  --accent-magenta: #D946EF;
  --accent-magenta-dim: #A21CAF;
  --accent-cyan: #22D3EE;
  --accent-cyan-dim: #0E7490;
  --accent-amber: #F59E0B;
  --accent-teal: #2DD4BF;
  --accent-red: #EF4444;

  /* Text */
  --text-primary: #E2E0EA;
  --text-secondary: #9B97A8;
  --text-muted: #5B5770;

  /* Borders */
  --border-subtle: #1E1A2E;
  --border-focus: #D946EF;

  /* Glow */
  --glow-magenta: 0 0 20px rgba(217, 70, 239, 0.3);
  --glow-cyan: 0 0 20px rgba(34, 211, 238, 0.3);
  --glow-magenta-strong: 0 0 30px rgba(217, 70, 239, 0.5);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Typography */
  --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', 'JetBrains Mono', Consolas, monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* Z-index */
  --z-sidebar: 10;
  --z-header: 20;
  --z-modal: 30;
  --z-toast: 40;
  --z-context-menu: 50;

  /* Layout */
  --header-height: 56px;
  --sidebar-width: 280px;

  /* Touch */
  --touch-target-min: 44px;

  /* Safe area insets */
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
}