/* CSS Variables for theming */
@import './views.css';
:root {
  /* Light theme (default) */
  --bg-primary: #FA6000;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #f8f9fa;
  --bg-card: #FFFFFF;
  --bg-button: #FA6000;
  --bg-button-hover: #e55a00;
  --bg-button-disabled: #1e2732;
  --bg-success: #00c853;
  --bg-success-hover: #00b34a;
  --bg-warning: #FFC107;
  --bg-warning-hover: #ffb300;
  --bg-danger: #ff3315;
  --bg-danger-hover: #f30000;
  --bg-dark: #1a1f2e;
  --bg-dark-secondary: #1c2536;
  --bg-dark-tertiary: #1e2732;
  --bg-dark-card: #2B364B;
  --bg-hover: rgba(250, 96, 0, 0.1);
  
  --text-primary: #101520;
  --text-secondary: #666666;
  --text-light: #999999;
  --text-muted: #333333;
  --text-white: #ffffff;
  --text-accent: #ff6b35;
  
  --accent-color: #FA6000;
  --accent-color-text-heading: #FA6000;
  --accent-color-link-active: #FA6000;
  --border-color: #E0E0E0;
  --border-light: #e9ecef;
  --border-dark: #333333;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --shadow-light: rgba(0,0,0,0.05);
  --footer-bg: #1D2636;
  --tab-button-inactive: rgba(255, 255, 255, 0.1);

  
  /* Gradient variables */
  --gradient-hero: linear-gradient(90deg, #001B24 0%, #003347 100%);
  
  /* Dropdown specific variables */
  --dropdown-bg: #1E2433;
  --dropdown-border: rgba(255, 255, 255, 0.2);
  --dropdown-border-hover: rgba(255, 255, 255, 0.3);
  --dropdown-item-bg: rgba(255, 255, 255, 0.1);
  --dropdown-item-bg-hover: rgba(255, 255, 255, 0.15);
  --dropdown-success-bg: rgba(0, 200, 83, 0.1);
  --dropdown-secondary-bg: #2A3447;
  --dropdown-secondary-hover: #3B4559;
  
  /* Error state variables */
  --error-bg: #ffebee;
  --error-color: #c62828;
  --error-border: #c62828;
  
  /* Button state variables */
  --btn-info: #3498db;
  --btn-warning: #ffa500;
  --btn-success-alt: #05C372;
  --lottery-card-gradient: #1E2732;
  --nav-buttons-bg: rgba(30, 39, 50, 0.8);

  --primary: #FA6000;
  --primary-hover: #e55a00;
}


.theme-dark {
  /* Dark theme */
  --bg-primary: #0F1114;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #1a1a1a;
  --bg-card: #2d2d2d;
  --bg-button: #FA6000;
  --bg-button-hover: #e55a00;
  --bg-button-disabled: #404040;
  --bg-success: #00c853;
  --bg-success-hover: #00b34a;
  --bg-warning: #FFC107;
  --bg-warning-hover: #ffb300;
  --bg-danger: #ff3315;
  --bg-danger-hover: #f30000;
  --bg-dark: #1a1f2e;
  --bg-dark-secondary: #1c2536;
  --bg-dark-tertiary: #1e2732;
  --bg-dark-card: #2B364B;
  --bg-hover: rgba(250, 96, 0, 0.15);
  
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-light: #999999;
  --text-muted: #cccccc;
  --text-white: #ffffff;
  --text-accent: #ff6b35;
  
  --accent-color: #FA6000;
  --border-color: #404040;
  --border-light: #404040;
  --border-dark: #666666;
  --shadow-color: rgba(0, 0, 0, 0.3);
  --shadow-light: rgba(0,0,0,0.2);
  
  /* Gradient variables */
  --gradient-hero: linear-gradient(90deg, #001B24 0%, #003347 100%);
  
  /* Dropdown specific variables */
  --dropdown-bg: #1E2433;
  --dropdown-border: rgba(255, 255, 255, 0.2);
  --dropdown-border-hover: rgba(255, 255, 255, 0.3);
  --dropdown-item-bg: rgba(255, 255, 255, 0.1);
  --dropdown-item-bg-hover: rgba(255, 255, 255, 0.15);
  --dropdown-success-bg: rgba(0, 200, 83, 0.1);
  --dropdown-secondary-bg: #2A3447;
  --dropdown-secondary-hover: #3B4559;
  --dropdown-trigger-hover: rgba(255, 255, 255, 0.05);
  
  /* Error state variables */
  --error-bg: #ffebee;
  --error-color: #c62828;
  --error-border: #c62828;
  
  /* Button state variables */
  --btn-info: #3498db;
  --btn-warning: #ffa500;
  --btn-success-alt: #05C372;
  --lottery-card-gradient: #1E2732;
}