/* ==========================================================================
   ENGINE 15: THEME ENGINE STYLES (Light, Dark, Auto, Ramadhan, High Contrast)
   ========================================================================== */

/* 1. Light Mode (Default) */
[data-theme="light"] {
  --bg-app: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-hover: #F1F5F9;
  --text-main: #0F172A;
  --text-muted: #64748B;
  --accent-color: #2563EB;
}

/* 2. Dark Mode */
[data-theme="dark"] {
  --bg-app: #0B0F19;
  --bg-surface: #111827;
  --bg-surface-hover: #1F2937;
  --text-main: #F9FAFB;
  --text-muted: #9CA3AF;
  --accent-color: #3B82F6;
}

/* 3. Ramadhan Theme (Emerald & Elegant Gold) */
[data-theme="ramadhan"] {
  --bg-app: #064E3B; /* Deep Islamic Emerald */
  --bg-surface: #047857;
  --bg-surface-hover: #065F46;
  --bg-glass: rgba(4, 120, 87, 0.85);
  --bg-glass-heavy: rgba(4, 120, 87, 0.95);
  
  --primary-gradient: linear-gradient(135deg, #064E3B 0%, #047857 100%);
  --accent-color: #F59E0B; /* Golden Glow */
  --accent-hover: #D97706;
  --accent-light: rgba(245, 158, 11, 0.15);
  --accent-glow: rgba(245, 158, 11, 0.35);

  --text-main: #ECFDF5;
  --text-muted: #A7F3D0;
  --border-neutral: #059669;
}

/* 4. High Contrast Theme (Accessibility) */
[data-theme="high-contrast"] {
  --bg-app: #000000;
  --bg-surface: #121212;
  --bg-surface-hover: #282828;
  --bg-glass: #000000;

  --accent-color: #FFFF00; /* Pure Yellow */
  --text-main: #FFFFFF;
  --text-muted: #E0E0E0;
  --border-neutral: #FFFFFF;
}