/* Crash Big Trader Algos Theme - Dark Blue Color Scheme */
:root {
  /* Primary Dark Blue Colors */
  --primary-green: #0ea5e9;
  --secondary-green: #38bdf8;
  --accent-green: #7dd3fc;
  --light-green: #bae6fd;
  --dark-green: #0369a1;
  --forest-green: #075985;
  --sage-green: #0c4a6e;
  
  /* Background Colors */
  --background-black: #000000;
  --dark-navy: #033d58;
  --navy: #0c4a6e;
  --slate: #075985;
  --light-slate: #0c4a6e;
  
  /* Text Colors */
  --white: #ffffff;
  --light-color: #ffffff;
  --light-text: #e0f2fe;
  --text-muted: #e0f2fe;
  --muted-text: #bae6fd;
  
  /* Status Colors */
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #f59e0b;
  
  /* Glass Effects */
  --glass-bg: rgba(3, 61, 88, 0.6);
  --glass-light: rgba(14, 165, 233, 0.1);
  --glass-medium: rgba(14, 165, 233, 0.12);
  --glass-green: rgba(14, 165, 233, 0.15);
  --glass-border: rgba(255, 255, 255, 0.2);
  --glass-border-hover: rgba(255, 255, 255, 0.3);
  
  /* Shadows */
  --shadow-compact: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-hover: 0 4px 12px rgba(14, 165, 233, 0.4);
  --shadow-active: 0 8px 20px rgba(14, 165, 233, 0.3);
  --shadow-glow: 0 0 20px rgba(14, 165, 233, 0.4);
  --accent-glow: rgba(14, 165, 233, 0.4);
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #0369a1 0%, #075985 50%, #0ea5e9 100%);
  --gradient-accent: linear-gradient(45deg, #0ea5e9 0%, #38bdf8 100%);
  --gradient-black: linear-gradient(135deg, #000000 0%, #033d58 50%, #0c4a6e 100%);
  --gradient-success: linear-gradient(135deg, #14532d 0%, #10b981 50%, #34d399 100%);
  --gradient-danger: linear-gradient(135deg, #7f1d1d 0%, #dc2626 50%, #ef4444 100%);
  --gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);
  
  /* Additional Variables for compatibility */
  --primary-color: var(--primary-green);
  --secondary-color: var(--secondary-green);
  --accent-color: var(--accent-green);
  --dark-color: var(--dark-navy);
  --success-color: var(--success);
  --error-color: var(--danger);
  --warning-color: var(--warning);
  --info-color: var(--primary-green);
  --gold-color: var(--warning);
  
  /* Surfaces */
  --surface-glass: rgba(3, 61, 88, 0.8);
  --card-glass: rgba(255, 255, 255, 0.05);
  --card-bg: rgba(3, 61, 88, 0.9);
  --darker-color: rgba(3, 61, 88, 0.95);
  
  /* Legacy Blue Variables (for compatibility) */
  --primary-blue: var(--primary-green);
  --secondary-blue: var(--secondary-green);
  --accent-blue: var(--accent-green);
  --light-blue: var(--light-green);
  --blue-gradient: var(--gradient-primary);
  
  /* Glow Effects */
  --cursor-glow: radial-gradient(circle, rgba(14, 165, 233, 0.4) 0%, transparent 40%);
  
  /* Font Sizes */
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  
  /* Transitions */
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --transition-bounce: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}