:root {
  --color-bg: #0F172A;
  --color-bg-elevated: #141c33;
  --color-surface: rgba(255, 255, 255, 0.06);
  --color-surface-hover: rgba(255, 255, 255, 0.1);
  --color-border: rgba(255, 255, 255, 0.08);

  --color-accent: #7C6CF6;
  --color-accent-2: #4C8DFF;
  --color-accent-gradient: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));

  --color-text: #F1F5F9;
  --color-text-muted: #94A3B8;
  --color-text-dim: #64748B;

  --color-success: #34D399;
  --color-error: #F87171;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;

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

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.28);
  --shadow-glow: 0 0 40px rgba(124, 108, 246, 0.25);

  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 200ms;
  --duration-base: 260ms;

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

  --header-height: 64px;
  --tab-height: 52px;
}