/* Hifex Trader Algos Theme - Green Color Scheme */
:root {
  /* Primary Green Colors */
  --primary-green: #22c55e;
  --secondary-green: #16a34a;
  --accent-green: #15803d;
  --light-green: #4ade80;
  --dark-green: #14532d;
  --forest-green: #166534;
  --sage-green: #86efac;
  
  /* Background Colors */
  --background-black: #000000;
  --dark-navy: #0a0a0a;
  --slate: #1a1a1a;
  --light-slate: #2a2a2a;
  
  /* Text Colors */
  --white: #ffffff;
  --light-color: #f0f0f0;
  --light-text: #f0f0f0;
  --text-muted: #a0a0a0;
  --muted-text: #a0a0a0;
  
  /* Status Colors */
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;
  
  /* Glass Effects */
  --glass-bg: rgba(0, 0, 0, 0.85);
  --glass-light: rgba(34, 197, 94, 0.08);
  --glass-medium: rgba(34, 197, 94, 0.12);
  --glass-green: rgba(34, 197, 94, 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(34, 197, 94, 0.4);
  --shadow-active: 0 8px 20px rgba(34, 197, 94, 0.3);
  --shadow-glow: 0 0 20px rgba(34, 197, 94, 0.4);
  --accent-glow: rgba(34, 197, 94, 0.4);
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #14532d 0%, #16a34a 50%, #22c55e 100%);
  --gradient-accent: linear-gradient(45deg, #22c55e 0%, #4ade80 100%);
  --gradient-black: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2a2a2a 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%);
  
  /* 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);
} 