/* BitLa+ Themes Definition: Dark (Grises y Negros), Blue (Cyber Dark previo), and White */

/* 1. DARK THEME (Predeterminado - Grises y Negros puros) */
:root, [data-theme="dark"] {
  --bg-primary: #0A0A0C;
  --bg-main: #0A0A0C;
  --bg-secondary: #131418;
  --bg-surface: #1B1D22;
  --bg-surface-hover: #252830;
  --bg-glass: rgba(19, 20, 24, 0.85);
  --border-color: #272A33;
  --border-glow: rgba(255, 255, 255, 0.08);

  --text-main: #EDEDF0;
  --text-muted: #8F96A3;
  --text-subtle: #565C69;

  --accent-cyan: #00F5FF;
  --accent-violet: #8A2BE2;
  --accent-primary: #3B82F6;
  --accent-primary-hover: #60A5FA;

  --color-bullish: #00E676;
  --color-bullish-bg: rgba(0, 230, 118, 0.12);
  --color-bearish: #FF3B30;
  --color-bearish-bg: rgba(255, 59, 48, 0.12);

  --ema-fast-color: #00F5FF;
  --ema-slow-color: #FFB300;

  --chart-bg: #11132e;
  --chart-grid: transparent;
  --chart-text: #8F96A3;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 20px rgba(0, 245, 255, 0.15);
}

/* 2. BLUE THEME (Tema Oscuro con tonos azulados previo) */
[data-theme="blue"] {
  --bg-primary: #080B11;
  --bg-main: #080B11;
  --bg-secondary: #0F1523;
  --bg-surface: #141B2D;
  --bg-surface-hover: #1A233A;
  --bg-glass: rgba(20, 27, 45, 0.8);
  --border-color: #1E283D;
  --border-glow: rgba(0, 245, 255, 0.25);

  --text-main: #F3F6FC;
  --text-muted: #8493AC;
  --text-subtle: #4D5B76;

  --accent-cyan: #00F5FF;
  --accent-violet: #8A2BE2;
  --accent-primary: #00F5FF;
  --accent-primary-hover: #33F7FF;

  --color-bullish: #00E676;
  --color-bullish-bg: rgba(0, 230, 118, 0.12);
  --color-bearish: #FF3B30;
  --color-bearish-bg: rgba(255, 59, 48, 0.12);

  --ema-fast-color: #00F5FF;
  --ema-slow-color: #FFB300;

  --chart-bg: #11132e;
  --chart-grid: transparent;
  --chart-text: #8493AC;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(0, 245, 255, 0.15);
}

/* 3. WHITE THEME (Clean Crisp Light Financial - Sin cambios) */
[data-theme="white"] {
  --bg-primary: #F4F6F9;
  --bg-main: #F4F6F9;
  --bg-secondary: #FFFFFF;
  --bg-surface: #FFFFFF;
  --bg-surface-hover: #F1F4F9;
  --bg-glass: rgba(255, 255, 255, 0.85);
  --border-color: #E2E8F0;
  --border-glow: rgba(37, 99, 235, 0.2);

  --text-main: #0F172A;
  --text-muted: #64748B;
  --text-subtle: #94A3B8;

  --accent-cyan: #0284C7;
  --accent-violet: #7C3AED;
  --accent-primary: #2563EB;
  --accent-primary-hover: #1D4ED8;

  --color-bullish: #10B981;
  --color-bullish-bg: rgba(16, 185, 129, 0.12);
  --color-bearish: #EF4444;
  --color-bearish-bg: rgba(239, 68, 68, 0.12);

  --ema-fast-color: #0284C7;
  --ema-slow-color: #D97706;

  --chart-bg: #FFFFFF;
  --chart-grid: #F1F5F9;
  --chart-text: #64748B;

  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.08);
  --shadow-glow: 0 0 15px rgba(37, 99, 235, 0.1);
}