:root {
  --primary-yellow: #ffcc33;
  --primary-orange: #fb5607;
  --primary-blue: #4fa8ff;
  --primary-cyan: #5dc9ff;
  --bg-main: #1e2439;
  --bg-secondary: #262d45;
  --bg-card: rgba(42, 50, 75, 0.85);
  --bg-glass: rgba(46, 54, 80, 0.7);
  --text-primary: #ffffff;
  --text-secondary: #c5cae9;
  --text-tertiary: #9fa8da;
  --gradient-primary: linear-gradient(135deg, #ffcc33 0%, #fb5607 100%);
  --gradient-blue: linear-gradient(135deg, #4fa8ff 0%, #5dc9ff 100%);
  --glow-blue: 0 0 20px rgba(79, 168, 255, 0.5);
  --glow-yellow: 0 0 20px rgba(255, 204, 51, 0.5);
  --border-radius: 16px;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-small: 0 4px 15px rgba(0, 0, 0, 0.2);
  --shadow-medium: 0 8px 25px rgba(0, 0, 0, 0.3)
}