/* ============================================
   AdminZ Pro - Theme System
   Modern, Dark Pro, Gradient
   ============================================ */

:root {
  --adminz-primary: #4F46E5;
  --adminz-secondary: #06B6D4;
  --adminz-success: #10B981;
  --adminz-danger: #EF4444;
  --adminz-warning: #F59E0B;
  --adminz-info: #3B82F6;
  --adminz-bg-light: #F8FAFC;
  --adminz-card-bg: #FFFFFF;
  --adminz-text: #1E293B;
  --adminz-text-muted: #64748B;
  --adminz-border: #E2E8F0;
  --adminz-sidebar-bg: #FFFFFF;
  --adminz-sidebar-text: #475569;
  --adminz-sidebar-hover: #F1F5F9;
  --adminz-navbar-bg: #FFFFFF;
  --adminz-body-bg: #F1F5F9;
  --adminz-navbar-shadow: 0 1px 4px rgba(0,0,0,0.05);
  --adminz-card-shadow: 0 1px 3px rgba(0,0,0,0.04);
  --adminz-card-shadow-hover: 0 8px 24px rgba(0,0,0,0.06);
}

[data-theme="dark"] {
  --adminz-primary: #818CF8;
  --adminz-secondary: #22D3EE;
  --adminz-success: #34D399;
  --adminz-danger: #F87171;
  --adminz-warning: #FBBF24;
  --adminz-info: #60A5FA;
  --adminz-bg-light: #1E293B;
  --adminz-card-bg: #1E293B;
  --adminz-text: #F8FAFC;
  --adminz-text-muted: #94A3B8;
  --adminz-border: #475569;
  --adminz-sidebar-bg: #0F172A;
  --adminz-sidebar-text: #E2E8F0;
  --adminz-sidebar-hover: #334155;
  --adminz-navbar-bg: #0F172A;
  --adminz-body-bg: #0F172A;
  --adminz-navbar-shadow: 0 1px 3px rgba(0,0,0,0.3);
  --adminz-card-shadow: 0 1px 3px rgba(0,0,0,0.2);
  --adminz-card-shadow-hover: 0 12px 40px rgba(0,0,0,0.4);
}

[data-theme="dark"] .form-control { background: var(--adminz-bg-light); border-color: var(--adminz-border); color: var(--adminz-text); }
[data-theme="dark"] .form-control:focus { background: var(--adminz-bg-light); }
[data-theme="dark"] .adminz-toast { border-color: var(--adminz-border); }
[data-theme="dark"] .adminz-search-item:hover { background: var(--adminz-bg-light); }

/* Premium Gradient Theme - Glass morphism, vibrant */
[data-theme="gradient"] {
  --adminz-primary: #667EEA;
  --adminz-primary-end: #764BA2;
  --adminz-secondary: #00F5FF;
  --adminz-accent-purple: #A78BFA;
  --adminz-accent-pink: #F472B6;
  --adminz-success: #10B981;
  --adminz-danger: #EF4444;
  --adminz-warning: #F59E0B;
  --adminz-info: #3B82F6;
  --adminz-bg-light: linear-gradient(135deg, #f5f7fa 0%, #e4e8ed 100%);
  --adminz-card-bg: rgba(255, 255, 255, 0.85);
  --adminz-text: #1E293B;
  --adminz-text-muted: #64748B;
  --adminz-border: rgba(102, 126, 234, 0.2);
  --adminz-sidebar-bg: linear-gradient(165deg, #667EEA 0%, #764BA2 50%, #f093fb 100%);
  --adminz-sidebar-text: #FFFFFF;
  --adminz-sidebar-hover: rgba(255,255,255,0.2);
  --adminz-navbar-bg: rgba(255, 255, 255, 0.9);
  --adminz-body-bg: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 50%, #f5f7fa 100%);
  --adminz-navbar-shadow: 0 4px 20px rgba(102, 126, 234, 0.15);
  --adminz-card-shadow: 0 4px 20px rgba(102, 126, 234, 0.12);
  --adminz-card-shadow-hover: 0 20px 50px rgba(102, 126, 234, 0.2);
}

/* Gradient body background */
[data-theme="gradient"] body {
  background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 40%, #f5f7fa 100%);
  background-attachment: fixed;
}

[data-theme="gradient"] .adminz-card {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.5);
}

[data-theme="gradient"] .adminz-navbar {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.5);
}

/* Gradient theme buttons */
[data-theme="gradient"] .btn-primary {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
  border: none;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

[data-theme="gradient"] .btn-primary:hover {
  background: linear-gradient(135deg, #5a6fd6 0%, #6a4190 100%);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
  transform: translateY(-1px);
}

/* Gradient accent badges */
[data-theme="gradient"] .badge.bg-primary {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%) !important;
}

/* Bootstrap overrides */
.bg-primary { background-color: var(--adminz-primary) !important; }
.bg-secondary { background-color: var(--adminz-secondary) !important; }
.text-primary { color: var(--adminz-primary) !important; }
.btn-primary { background-color: var(--adminz-primary); border-color: var(--adminz-primary); }
.btn-primary:hover { background-color: color-mix(in srgb, var(--adminz-primary) 90%, black); border-color: color-mix(in srgb, var(--adminz-primary) 90%, black); }
.btn-secondary { background-color: var(--adminz-secondary); border-color: var(--adminz-secondary); }