/* APEX360 UI Style Engine — 4 Themes */
/* Override Tailwind utility classes per theme */
/* ============================================ */

/* ===== APPLE MINIMAL ===== */
[data-style="apple_minimal"] {
  --bg: #1c1c1e;
  --bg-2: #2c2c2e;
  --text: #f5f5f7;
  --text-2: #aeaeb2;
  --accent: #0071e3;
  --border: rgba(255,255,255,0.08);
}

[data-style="apple_minimal"] .bg-gray-900,
[data-style="apple_minimal"] .bg-gray-950 { background-color: #1c1c1e !important; }
[data-style="apple_minimal"] .bg-gray-800 { background-color: #2c2c2e !important; }
[data-style="apple_minimal"] .bg-gray-700 { background-color: #3a3a3c !important; }
[data-style="apple_minimal"] .text-gray-100,
[data-style="apple_minimal"] .text-white { color: #f5f5f7 !important; }
[data-style="apple_minimal"] .text-gray-400,
[data-style="apple_minimal"] .text-gray-500 { color: #aeaeb2 !important; }
[data-style="apple_minimal"] .text-indigo-400 { color: #0071e3 !important; }
[data-style="apple_minimal"] .border-gray-700 { border-color: rgba(255,255,255,0.08) !important; }
[data-style="apple_minimal"] .card,
[data-style="apple_minimal"] [class*="bg-gray-8"] { background-color: #2c2c2e !important; }
[data-style="apple_minimal"] .navbar { background-color: #1c1c1e !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
[data-style="apple_minimal"] .btn-ghost:hover { background-color: rgba(255,255,255,0.05) !important; }

/* ===== MODERN SAAS ===== */
[data-style="modern_saas"] {
  --bg: #f8f9fa;
  --bg-2: #ffffff;
  --text: #212529;
  --text-2: #6c757d;
  --accent: #4361ee;
  --border: #dee2e6;
}

[data-style="modern_saas"] .bg-gray-900,
[data-style="modern_saas"] .bg-gray-950 { background-color: #f8f9fa !important; }
[data-style="modern_saas"] .bg-gray-800 { background-color: #ffffff !important; }
[data-style="modern_saas"] .bg-gray-700 { background-color: #e9ecef !important; }
[data-style="modern_saas"] .text-gray-100,
[data-style="modern_saas"] .text-white { color: #212529 !important; }
[data-style="modern_saas"] .text-gray-400,
[data-style="modern_saas"] .text-gray-500 { color: #6c757d !important; }
[data-style="modern_saas"] .text-indigo-400 { color: #4361ee !important; }
[data-style="modern_saas"] .border-gray-700,
[data-style="modern_saas"] .border-gray-800 { border-color: #dee2e6 !important; }
[data-style="modern_saas"] .card,
[data-style="modern_saas"] [class*="bg-gray-8"] { background-color: #ffffff !important; }
[data-style="modern_saas"] .navbar { background-color: #212529 !important; }
[data-style="modern_saas"] .navbar .text-white,
[data-style="modern_saas"] .navbar .text-gray-100 { color: #ffffff !important; }
[data-style="modern_saas"] .navbar .text-gray-400 { color: #adb5bd !important; }
[data-style="modern_saas"] .navbar .btn-ghost:hover { background-color: rgba(255,255,255,0.1) !important; }
[data-style="modern_saas"] .rounded-xl { border-radius: 0px !important; }
[data-style="modern_saas"] .rounded-lg { border-radius: 0px !important; }

/* ===== MICROSOFT FLUENT ===== */
[data-style="microsoft_fluent"] {
  --bg: #f0f0f0;
  --bg-2: #ffffff;
  --text: #1a1a1a;
  --text-2: #555555;
  --accent: #0078d4;
  --border: #d1d1d1;
}

[data-style="microsoft_fluent"] .bg-gray-900,
[data-style="microsoft_fluent"] .bg-gray-950 { background-color: #f0f0f0 !important; }
[data-style="microsoft_fluent"] .bg-gray-800 { background-color: #ffffff !important; }
[data-style="microsoft_fluent"] .bg-gray-700 { background-color: #e1e1e1 !important; }
[data-style="microsoft_fluent"] .text-gray-100,
[data-style="microsoft_fluent"] .text-white { color: #1a1a1a !important; }
[data-style="microsoft_fluent"] .text-gray-400,
[data-style="microsoft_fluent"] .text-gray-500 { color: #555555 !important; }
[data-style="microsoft_fluent"] .text-indigo-400 { color: #0078d4 !important; }
[data-style="microsoft_fluent"] .border-gray-700,
[data-style="microsoft_fluent"] .border-gray-800 { border-color: #d1d1d1 !important; }
[data-style="microsoft_fluent"] .card,
[data-style="microsoft_fluent"] [class*="bg-gray-8"] { background-color: #ffffff !important; }
[data-style="microsoft_fluent"] .navbar { background-color: #0078d4 !important; }
[data-style="microsoft_fluent"] .navbar .text-white,
[data-style="microsoft_fluent"] .navbar .text-gray-100 { color: #ffffff !important; }
[data-style="microsoft_fluent"] .navbar .text-indigo-400 { color: #ffffff !important; }
[data-style="microsoft_fluent"] .rounded-xl { border-radius: 4px !important; }
[data-style="microsoft_fluent"] .rounded-lg { border-radius: 4px !important; }
[data-style="microsoft_fluent"] [class*="shadow"] { box-shadow: 0 4px 8px rgba(0,0,0,0.12) !important; }

/* ===== BOLD COLOURFUL ===== */
[data-style="bold_colourful"] {
  --bg: #0f0f1a;
  --bg-2: #1a1a2e;
  --text: #ffffff;
  --text-2: #c4c4d4;
  --accent: #f72585;
  --border: rgba(255,255,255,0.1);
}

[data-style="bold_colourful"] .bg-gray-900 { background-color: #0f0f1a !important; }
[data-style="bold_colourful"] .bg-gray-950 { background-color: #0a0a14 !important; }
[data-style="bold_colourful"] .bg-gray-800 { background-color: #1a1a2e !important; }
[data-style="bold_colourful"] .bg-gray-700 { background-color: #16213e !important; }
[data-style="bold_colourful"] .bg-indigo-900\/40,
[data-style="bold_colourful"] .bg-indigo-900\/30,
[data-style="bold_colourful"] .bg-indigo-900\/20 { 
  background: linear-gradient(135deg, rgba(102,126,234,0.2), rgba(118,75,162,0.2)) !important; 
}
[data-style="bold_colourful"] .bg-emerald-600\/20 { 
  background: linear-gradient(135deg, rgba(16,185,129,0.2), rgba(52,211,153,0.15)) !important; 
}
[data-style="bold_colourful"] .text-indigo-400 { color: #667eea !important; }
[data-style="bold_colourful"] .text-emerald-400 { color: #34d399 !important; }
[data-style="bold_colourful"] .text-amber-400 { color: #fbbf24 !important; }
[data-style="bold_colourful"] .text-red-400 { color: #f72585 !important; }
[data-style="bold_colourful"] .border-gray-700,
[data-style="bold_colourful"] .border-gray-800 { border-color: rgba(255,255,255,0.1) !important; }
[data-style="bold_colourful"] .border-indigo-800\/30 { border-color: rgba(102,126,234,0.3) !important; }
[data-style="bold_colourful"] .border-emerald-700\/50 { border-color: rgba(16,185,129,0.3) !important; }
[data-style="bold_colourful"] .card,
[data-style="bold_colourful"] [class*="bg-gray-8"] { background-color: #1a1a2e !important; }
[data-style="bold_colourful"] .navbar { 
  background: linear-gradient(135deg, #667eea, #764ba2) !important; 
  border-bottom: none !important;
}
[data-style="bold_colourful"] .navbar .text-indigo-400 { color: #ffffff !important; }
[data-style="bold_colourful"] [class*="shadow"] { 
  box-shadow: 0 4px 16px rgba(247,37,133,0.2) !important; 
}
[data-style="bold_colourful"] .rounded-xl { border-radius: 16px !important; }
[data-style="bold_colourful"] .rounded-lg { border-radius: 16px !important; }
[data-style="bold_colourful"] .rounded-2xl { border-radius: 24px !important; }