/*
 * Cookiewise Midnight Theme
 * Full dark mode with neon accent highlights
 */
[data-theme="midnight"] {
  --cw-primary: 129 140 248;
  --cw-primary-hover: 165 180 252;
  --cw-primary-light: 49 46 129;
  --cw-primary-dark: 99 102 241;
  --cw-secondary: 251 191 36;
  --cw-secondary-hover: 252 211 77;
  --cw-accent: 52 211 153;
  --cw-accent-hover: 110 231 183;
  --cw-bg: 2 6 23;
  --cw-bg-alt: 15 23 42;
  --cw-bg-elevated: 30 41 59;
  --cw-surface: 15 23 42;
  --cw-surface-hover: 30 41 59;
  --cw-dash-bg: 2 6 23;
  --cw-dash-sidebar: 15 23 42;
  --cw-dash-sidebar-text: 148 163 184;
  --cw-dash-sidebar-active-bg: 129 140 248;
  --cw-dash-sidebar-active-text: 255 255 255;
  --cw-dash-topbar: 15 23 42;
  --cw-dash-card: 15 23 42;
  --cw-text: 248 250 252;
  --cw-text-secondary: 203 213 225;
  --cw-text-muted: 100 116 139;
  --cw-text-inverse: 2 6 23;
  --cw-border: 30 41 59;
  --cw-border-hover: 51 65 85;
  --cw-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.4);
  --cw-shadow: 0 1px 3px 0 rgba(0,0,0,0.5), 0 1px 2px -1px rgba(0,0,0,0.4);
  --cw-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -4px rgba(0,0,0,0.4);
  --cw-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.6), 0 8px 10px -6px rgba(0,0,0,0.5);
  --cw-radius-sm: 0.5rem;
  --cw-radius: 0.75rem;
  --cw-radius-lg: 1rem;
  --cw-radius-xl: 1.25rem;
  --cw-glass-bg: rgba(15, 23, 42, 0.7);
  --cw-glass-border: rgba(129, 140, 248, 0.12);
  --cw-gradient-hero: linear-gradient(135deg, #020617 0%, #0F172A 40%, #1E1B4B 70%, #020617 100%);
  --cw-gradient-cta: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #6366F1 100%);
  --cw-gradient-text: linear-gradient(135deg, #A5B4FC, #FDE68A);
  --cw-success: 52 211 153;
  --cw-warning: 251 191 36;
  --cw-error: 248 113 113;
  --cw-info: 129 140 248;
  --cw-chart-1: #818CF8;
  --cw-chart-2: #FBBF24;
  --cw-chart-3: #34D399;
  --cw-chart-4: #F472B6;
  --cw-chart-5: #38BDF8;
  --cw-footer-bg: 2 6 23;
  --cw-footer-text: 100 116 139;
}

/* Midnight-specific neon glow effects */
[data-theme="midnight"] .cw-hero {
  background: var(--cw-gradient-hero);
  position: relative;
  overflow: hidden;
}
[data-theme="midnight"] .cw-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 500px 500px at 30% 40%, rgba(129,140,248,0.12), transparent),
    radial-gradient(ellipse 400px 400px at 70% 60%, rgba(251,191,36,0.06), transparent),
    radial-gradient(ellipse 350px 350px at 50% 90%, rgba(52,211,153,0.05), transparent);
  animation: cw-mesh-shift 15s ease-in-out infinite alternate;
  pointer-events: none;
}

/* Neon border glow */
[data-theme="midnight"] .cw-glass {
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(129, 140, 248, 0.1);
}
[data-theme="midnight"] .cw-glass:hover {
  border-color: rgba(129, 140, 248, 0.25);
}

[data-theme="midnight"] .cw-gradient-text {
  background: var(--cw-gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="midnight"] .cw-glow {
  box-shadow:
    0 0 20px rgba(129,140,248,0.2),
    0 0 60px rgba(129,140,248,0.08),
    inset 0 0 20px rgba(129,140,248,0.03);
}

[data-theme="midnight"] .cw-nav-active::before {
  background: linear-gradient(180deg, #A5B4FC, #818CF8);
  box-shadow: 0 0 12px rgba(129,140,248,0.6);
}

[data-theme="midnight"] .cw-stat-card {
  border-left: 3px solid transparent;
}
[data-theme="midnight"] .cw-stat-card:nth-child(1) { border-left-color: #A5B4FC; }
[data-theme="midnight"] .cw-stat-card:nth-child(2) { border-left-color: #FBBF24; }
[data-theme="midnight"] .cw-stat-card:nth-child(3) { border-left-color: #34D399; }
[data-theme="midnight"] .cw-stat-card:nth-child(4) { border-left-color: #F472B6; }

[data-theme="midnight"] .cw-gradient-border::before {
  background: linear-gradient(135deg, rgba(129,140,248,0.3), rgba(251,191,36,0.2), rgba(52,211,153,0.2));
}

[data-theme="midnight"] .cw-btn-shimmer::after {
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(255,255,255,0.08) 50%,
    transparent 100%
  );
}

[data-theme="midnight"] .cw-skeleton {
  background: linear-gradient(90deg,
    rgb(var(--cw-surface)) 25%,
    rgba(129,140,248,0.06) 50%,
    rgb(var(--cw-surface)) 75%
  );
  background-size: 200% 100%;
  animation: cw-shimmer 1.5s ease-in-out infinite;
}

[data-theme="midnight"] .cw-card-hover:hover {
  box-shadow:
    var(--cw-shadow-xl),
    0 0 30px rgba(129,140,248,0.08);
}