/* SS TRADE - Color Theme Variables */
:root {
  /* Primary Colors - Orange, Black, White Theme */
  --primary-orange: #ff6b35;
  --primary-orange-light: #ff8c42;
  --primary-orange-dark: #e55a2b;
  --primary-black: #1a1a1a;
  --primary-white: #ffffff;
  
  /* Orange Variations */
  --orange-vibrant: #ff4500;
  --orange-soft: #ffab91;
  --orange-deep: #d84315;
  --orange-glow: #ff7043;
  
  /* Glass Effect Colors */
  --glass-bg: rgba(255, 107, 53, 0.15);
  --glass-border: rgba(255, 140, 66, 0.3);
  --glass-shadow: rgba(26, 26, 26, 0.2);
  --glass-hover: rgba(255, 107, 53, 0.25);
  --glass-white: rgba(255, 255, 255, 0.1);
  
  /* Background Gradients */
  --bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
  --orange-gradient: linear-gradient(45deg, #ff6b35 0%, #ff8c42 50%, #ff4500 100%);
  --triangle-gradient: linear-gradient(120deg, #ff6b35 0%, #ff4500 100%);
  
  /* Text Colors */
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.8);
  --text-accent: #ff6b35;
  --text-black: #1a1a1a;
  --text-orange: #ff6b35;
  
  /* Accent Colors */
  --accent-success: #4caf50;
  --accent-warning: #ffc107;
  --accent-error: #f44336;
  
  /* Modal Background */
  --modal-overlay: rgba(26, 26, 26, 0.8);
  --modal-glass: rgba(255, 107, 53, 0.1);
  --modal-white-glass: rgba(255, 255, 255, 0.95);
  
  /* Animation Colors */
  --ripple-color: rgba(255, 107, 53, 0.4);
  --pulse-color: rgba(255, 140, 66, 0.6);
  
  /* Triangle Colors */
  --triangle-primary: #ff6b35;
  --triangle-secondary: #ff8c42;
  --triangle-accent: #ff4500;
  --triangle-shadow: rgba(255, 107, 53, 0.3);
}