/**
 * Darka LMS - 7 Dark/Neon theme variants exposed as CSS custom properties.
 * The active theme is applied as a body class (darka-theme-*) by
 * DarkaLMS\Assets\AssetManager based on the admin setting.
 */

:root {
	--darka-bg: #0b0f19;
	--darka-bg-secondary: #10141f;
	--darka-surface: #161b2c;
	--darka-surface-hover: #1e2438;
	--darka-primary: #3b82f6;
	--darka-primary-hover: #2563eb;
	--darka-secondary: #8b5cf6;
	--darka-text: #e5e7eb;
	--darka-text-muted: #9ca3af;
	--darka-border: #232a3d;
	--darka-success: #22c55e;
	--darka-warning: #f59e0b;
	--darka-danger: #ef4444;
	--darka-info: #06b6d4;
	--darka-shadow: rgba(0, 0, 0, 0.45);
	--darka-radius: 12px;
	--darka-font: 'Poppins', sans-serif;
}

.darka-theme-midnight-blue {
	--darka-bg: #0b0f19;
	--darka-bg-secondary: #10141f;
	--darka-surface: #161b2c;
	--darka-surface-hover: #1e2438;
	--darka-primary: #3b82f6;
	--darka-primary-hover: #2563eb;
	--darka-secondary: #8b5cf6;
	--darka-text: #e5e7eb;
	--darka-text-muted: #9ca3af;
	--darka-border: #232a3d;
	--darka-shadow: rgba(59, 130, 246, 0.2);
}

.darka-theme-neon-purple {
	--darka-bg: #0d0715;
	--darka-bg-secondary: #150c22;
	--darka-surface: #1e1130;
	--darka-surface-hover: #2a1846;
	--darka-primary: #a855f7;
	--darka-primary-hover: #9333ea;
	--darka-secondary: #ec4899;
	--darka-text: #f3e8ff;
	--darka-text-muted: #c4b5fd;
	--darka-border: #2e1a4d;
	--darka-shadow: rgba(168, 85, 247, 0.28);
}

.darka-theme-cyber-green {
	--darka-bg: #05130d;
	--darka-bg-secondary: #081d13;
	--darka-surface: #0d2a1b;
	--darka-surface-hover: #123a25;
	--darka-primary: #10e88a;
	--darka-primary-hover: #0dc673;
	--darka-secondary: #4ade80;
	--darka-text: #e7fff3;
	--darka-text-muted: #86efac;
	--darka-border: #124025;
	--darka-shadow: rgba(16, 232, 138, 0.22);
}

.darka-theme-crimson-dark {
	--darka-bg: #150808;
	--darka-bg-secondary: #1f0c0c;
	--darka-surface: #2b1010;
	--darka-surface-hover: #3a1616;
	--darka-primary: #ef4444;
	--darka-primary-hover: #dc2626;
	--darka-secondary: #fb923c;
	--darka-text: #fde8e8;
	--darka-text-muted: #fca5a5;
	--darka-border: #3f1414;
	--darka-shadow: rgba(239, 68, 68, 0.25);
}

.darka-theme-graphite {
	--darka-bg: #121212;
	--darka-bg-secondary: #1a1a1a;
	--darka-surface: #212121;
	--darka-surface-hover: #2b2b2b;
	--darka-primary: #9ca3af;
	--darka-primary-hover: #d1d5db;
	--darka-secondary: #6b7280;
	--darka-text: #f5f5f5;
	--darka-text-muted: #a3a3a3;
	--darka-border: #2f2f2f;
	--darka-shadow: rgba(0, 0, 0, 0.5);
}

.darka-theme-deep-ocean {
	--darka-bg: #051620;
	--darka-bg-secondary: #08202e;
	--darka-surface: #0d2c3e;
	--darka-surface-hover: #123a50;
	--darka-primary: #06b6d4;
	--darka-primary-hover: #0891b2;
	--darka-secondary: #38bdf8;
	--darka-text: #e0f7fa;
	--darka-text-muted: #7dd3fc;
	--darka-border: #124255;
	--darka-shadow: rgba(6, 182, 212, 0.22);
}

.darka-theme-sunset-neon {
	--darka-bg: #17081a;
	--darka-bg-secondary: #220c26;
	--darka-surface: #301034;
	--darka-surface-hover: #421647;
	--darka-primary: #f472b6;
	--darka-primary-hover: #ec4899;
	--darka-secondary: #fb923c;
	--darka-text: #fff1f8;
	--darka-text-muted: #f9a8d4;
	--darka-border: #401a44;
	--darka-shadow: rgba(244, 114, 182, 0.28);
}

/* Success/warning/danger/info stay consistent across themes for clarity. */
.darka-app {
	--darka-success: #22c55e;
	--darka-warning: #f59e0b;
	--darka-danger: #ef4444;
	--darka-info: #38bdf8;
}