/* =========================================================
   Parking color themes
   Default (:root / .theme-teal) = teal control desk
   Applied: body.theme-purple
   Also available: .theme-blue, .theme-graphite
   Switch by changing the body class in Header.blade.php / login.blade.php
   ========================================================= */

:root,
body.theme-teal {
	--shell-bg: #e8eef0;
	--shell-surface: #ffffff;
	--shell-ink: #1e293b;
	--shell-muted: #64748b;
	--shell-line: #d7e0e4;

	--shell-accent: #0f766e;
	--shell-accent-rgb: 15, 118, 110;
	--shell-accent-soft: rgba(var(--shell-accent-rgb), 0.10);
	--shell-accent-hover: #0d9488;
	--shell-accent-bright: #14b8a6;
	--shell-accent-bright-rgb: 20, 184, 166;
	--shell-accent-deep: #115e59;
	--shell-accent-light: #5eead4;
	--shell-accent-mid: #0ea5a4;
	--shell-accent-wash: #ecfdf5;
	--shell-cyan-rgb: 45, 212, 191;
	--shell-mint-rgb: 94, 234, 212;
	--shell-accent-glow: rgba(var(--shell-cyan-rgb), 0.22);

	--shell-amber: #f5c518;
	--shell-amber-rgb: 245, 197, 24;

	--shell-nav-bg: #070d18;
	--shell-nav-bg-mid: #0c1a24;
	--shell-nav-bg-end: #0f2f34;
	--shell-nav-tint: #0f3d3a;
	--shell-nav-ink: #e2e8f0;
	--shell-nav-muted: #94a3b8;
	--shell-nav-hover: rgba(255, 255, 255, 0.08);
	--shell-nav-active: #2dd4bf;
	--shell-nav-pill: rgba(255, 255, 255, 0.06);
	--shell-mint: #99f6e4;

	--shell-shadow: 0 1px 0 rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.04);
	--shell-dropdown-shadow: 0 16px 40px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(15, 23, 42, 0.06);
	--shell-radius: 10px;
	--shell-logo-h: 58px;
	--shell-nav-h: 42px;
	--shell-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

body.theme-blue {
	--shell-bg: #e8eef6;
	--shell-surface: #ffffff;
	--shell-ink: #1e293b;
	--shell-muted: #64748b;
	--shell-line: #d7e0e4;

	--shell-accent: #1d4ed8;
	--shell-accent-rgb: 29, 78, 216;
	--shell-accent-soft: rgba(var(--shell-accent-rgb), 0.10);
	--shell-accent-hover: #2563eb;
	--shell-accent-bright: #38bdf8;
	--shell-accent-bright-rgb: 56, 189, 248;
	--shell-accent-deep: #1e3a8a;
	--shell-accent-light: #7dd3fc;
	--shell-accent-mid: #3b82f6;
	--shell-accent-wash: #eff6ff;
	--shell-cyan-rgb: 56, 189, 248;
	--shell-mint-rgb: 147, 197, 253;
	--shell-accent-glow: rgba(var(--shell-cyan-rgb), 0.22);

	--shell-amber: #f59e0b;
	--shell-amber-rgb: 245, 158, 11;

	--shell-nav-bg: #0b1220;
	--shell-nav-bg-mid: #111827;
	--shell-nav-bg-end: #1e3a5f;
	--shell-nav-tint: #1e3a8a;
	--shell-nav-ink: #e2e8f0;
	--shell-nav-muted: #94a3b8;
	--shell-nav-hover: rgba(255, 255, 255, 0.08);
	--shell-nav-active: #93c5fd;
	--shell-nav-pill: rgba(255, 255, 255, 0.06);
	--shell-mint: #bfdbfe;
}

body.theme-graphite {
	--shell-bg: #eceff1;
	--shell-surface: #ffffff;
	--shell-ink: #1e293b;
	--shell-muted: #64748b;
	--shell-line: #d7e0e4;

	--shell-accent: #b45309;
	--shell-accent-rgb: 180, 83, 9;
	--shell-accent-soft: rgba(var(--shell-accent-rgb), 0.10);
	--shell-accent-hover: #d97706;
	--shell-accent-bright: #f59e0b;
	--shell-accent-bright-rgb: 245, 158, 11;
	--shell-accent-deep: #78350f;
	--shell-accent-light: #fde68a;
	--shell-accent-mid: #f59e0b;
	--shell-accent-wash: #fffbeb;
	--shell-cyan-rgb: 251, 191, 36;
	--shell-mint-rgb: 253, 230, 138;
	--shell-accent-glow: rgba(var(--shell-cyan-rgb), 0.22);

	--shell-amber: #f5c518;
	--shell-amber-rgb: 245, 197, 24;

	--shell-nav-bg: #0a0a0c;
	--shell-nav-bg-mid: #13151a;
	--shell-nav-bg-end: #1c1f26;
	--shell-nav-tint: #292524;
	--shell-nav-ink: #e2e8f0;
	--shell-nav-muted: #94a3b8;
	--shell-nav-hover: rgba(255, 255, 255, 0.08);
	--shell-nav-active: #fbbf24;
	--shell-nav-pill: rgba(255, 255, 255, 0.06);
	--shell-mint: #fde68a;
}

body.theme-purple {
	--shell-bg: #eeeaf3;
	--shell-surface: #ffffff;
	--shell-ink: #1e293b;
	--shell-muted: #64748b;
	--shell-line: #d7e0e4;

	--shell-accent: #6d28d9;
	--shell-accent-rgb: 109, 40, 217;
	--shell-accent-soft: rgba(var(--shell-accent-rgb), 0.10);
	--shell-accent-hover: #7c3aed;
	--shell-accent-bright: #a78bfa;
	--shell-accent-bright-rgb: 167, 139, 250;
	--shell-accent-deep: #4c1d95;
	--shell-accent-light: #ddd6fe;
	--shell-accent-mid: #8b5cf6;
	--shell-accent-wash: #f5f3ff;
	--shell-cyan-rgb: 192, 132, 252;
	--shell-mint-rgb: 233, 213, 255;
	--shell-accent-glow: rgba(var(--shell-cyan-rgb), 0.22);

	--shell-amber: #f5c518;
	--shell-amber-rgb: 245, 197, 24;

	--shell-nav-bg: #0c0614;
	--shell-nav-bg-mid: #160b24;
	--shell-nav-bg-end: #2e1065;
	--shell-nav-tint: #3b0764;
	--shell-nav-ink: #e2e8f0;
	--shell-nav-muted: #94a3b8;
	--shell-nav-hover: rgba(255, 255, 255, 0.08);
	--shell-nav-active: #c4b5fd;
	--shell-nav-pill: rgba(255, 255, 255, 0.06);
	--shell-mint: #e9d5ff;
}