/* ===============================================
   THEME TOKENS — 4 multi-color space themes
   Switch via <html data-theme="...">
   =============================================== */

:root:not([data-theme]),
:root[data-theme="aurora"] {
    color-scheme: dark;
    --bg: #06101c;
    --bg-2: #0a1725;
    --card: rgba(247, 244, 234, 0.045);
    --card-hover: rgba(77, 163, 255, 0.09);
    --border: rgba(226, 184, 75, 0.14);
    --border-strong: rgba(226, 184, 75, 0.55);
    --accent: #e2b84b;
    --accent-2: #4da3ff;
    --accent-3: #2dd4bf;
    --accent-rgb: 226, 184, 75;
    --accent-2-rgb: 77, 163, 255;
    --accent-3-rgb: 45, 212, 191;
    --on-accent: #07111d;
    --text: #f7f4ea;
    --muted: #9daabb;
    --nav-bg: rgba(6, 16, 28, 0.82);
    --chip-bg: rgba(226, 184, 75, 0.08);
    --shadow: 0 20px 58px rgba(1, 7, 14, 0.64);
    --particle-alpha: 0.58;
}

:root[data-theme="sunset"] {
    color-scheme: dark;
    --bg: #120b0a;
    --bg-2: #1c1110;
    --card: rgba(255, 238, 214, 0.05);
    --card-hover: rgba(255, 122, 89, 0.1);
    --border: rgba(246, 196, 83, 0.15);
    --border-strong: rgba(246, 196, 83, 0.58);
    --accent: #f6c453;
    --accent-2: #ff7a59;
    --accent-3: #5eead4;
    --accent-rgb: 246, 196, 83;
    --accent-2-rgb: 255, 122, 89;
    --accent-3-rgb: 94, 234, 212;
    --on-accent: #1a0d08;
    --text: #fff7ed;
    --muted: #b9a59b;
    --nav-bg: rgba(18, 11, 10, 0.83);
    --chip-bg: rgba(246, 196, 83, 0.08);
    --shadow: 0 20px 58px rgba(10, 3, 1, 0.66);
    --particle-alpha: 0.56;
}

:root[data-theme="ocean"] {
    color-scheme: dark;
    --bg: #04131a;
    --bg-2: #071e28;
    --card: rgba(207, 250, 254, 0.045);
    --card-hover: rgba(34, 211, 238, 0.09);
    --border: rgba(34, 211, 238, 0.14);
    --border-strong: rgba(34, 211, 238, 0.52);
    --accent: #22d3ee;
    --accent-2: #60a5fa;
    --accent-3: #a3e635;
    --accent-rgb: 34, 211, 238;
    --accent-2-rgb: 96, 165, 250;
    --accent-3-rgb: 163, 230, 53;
    --on-accent: #031319;
    --text: #ecfeff;
    --muted: #8fb2bd;
    --nav-bg: rgba(4, 19, 26, 0.83);
    --chip-bg: rgba(34, 211, 238, 0.08);
    --shadow: 0 20px 58px rgba(0, 9, 14, 0.66);
    --particle-alpha: 0.58;
}

:root[data-theme="royal"] {
    color-scheme: dark;
    --bg: #10091c;
    --bg-2: #190f2b;
    --card: rgba(245, 201, 106, 0.045);
    --card-hover: rgba(167, 139, 250, 0.1);
    --border: rgba(245, 201, 106, 0.14);
    --border-strong: rgba(245, 201, 106, 0.55);
    --accent: #f5c96a;
    --accent-2: #a78bfa;
    --accent-3: #f472b6;
    --accent-rgb: 245, 201, 106;
    --accent-2-rgb: 167, 139, 250;
    --accent-3-rgb: 244, 114, 182;
    --on-accent: #180d20;
    --text: #fff8ed;
    --muted: #afa2bf;
    --nav-bg: rgba(16, 9, 28, 0.83);
    --chip-bg: rgba(245, 201, 106, 0.08);
    --shadow: 0 20px 58px rgba(8, 2, 16, 0.68);
    --particle-alpha: 0.57;
}