/* Crack Market Trader Charts Theme - Dark Blue & Sky Blue Color Scheme */
:root {
  /* Primary Sky 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 - Dark Blue Theme */
  --background-black: #00151f;
  --dark-navy: #00151f;
  --slate: #002a3a;
  --light-slate: #004d6b;
  
  /* Text Colors */
  --white: #ffffff;
  --light-text: #e0f2fe;
  --muted-text: #bae6fd;
  
  /* Status Colors */
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #f59e0b;
  
  /* Glass Effects */
  --glass-bg: rgba(0, 21, 31, 0.85);
  --glass-light: rgba(14, 165, 233, 0.08);
  --glass-medium: rgba(14, 165, 233, 0.12);
  --glass-green: rgba(14, 165, 233, 0.15);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-border-hover: rgba(255, 255, 255, 0.2);
  
  /* 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);
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #0c4a6e 0%, #0369a1 50%, #0ea5e9 100%);
  --gradient-accent: linear-gradient(45deg, #0ea5e9 0%, #38bdf8 100%);
  --gradient-black: linear-gradient(135deg, #00151f 0%, #002a3a 50%, #004d6b 100%);
  --gradient-success: linear-gradient(135deg, #14532d 0%, #10b981 50%, #34d399 100%);
  --gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);
  
  /* 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);
}