:root {
  --color-bg-main: #050914; 
  --color-bg-card: rgba(12, 24, 42, 0.74); 
  --color-bg-card-solid: #0A1220;
  --color-bg-panel: rgba(3, 8, 18, 0.72);
  --color-border: rgba(57, 214, 255, 0.22);
  --color-border-subtle: rgba(255, 255, 255, 0.09);
  
  --color-text-main: #f4f7fb;
  --color-text-muted: #9fb0c4;
  --color-text-dark: #06101d;

  --color-primary: #20d7ff; 
  --color-primary-glow: rgba(32, 215, 255, 0.4);
  --color-secondary: #ff9d2f; 
  --color-accent: #ffd166; 
  
  --color-success: #34d399;
  --color-error: #ef4444;

  --font-main: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  
  --shadow-main: 0 24px 80px rgba(0, 0, 0, 0.38);
  --shadow-glow: 0 0 28px rgba(32, 215, 255, 0.24);
  --shadow-btn: 0 18px 40px rgba(32, 215, 255, 0.22);
  
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 34px;
  
  --max-width: 1160px;
  --max-width-narrow: 800px;
  
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
}