:root,
[data-theme="galaxy"] {
  --accent: #3178c6;
  --accent-deep: #235a97;
  --accent-soft: #569cd6;
  --accent-rgb: 49, 120, 198;
  --cosmos-glow: rgba(49, 120, 198, 0.18);
  --cosmos-glow-2: rgba(86, 156, 214, 0.08);
  --cosmos-glow-3: rgba(120, 80, 200, 0.09);
  --cosmos-dust: rgba(49, 120, 198, 0.06);
}

[data-theme="void"] {
  --accent: #8b95b8;
  --accent-deep: #5a6178;
  --accent-soft: #b4bdd8;
  --accent-rgb: 139, 149, 184;
  --cosmos-glow: rgba(110, 120, 160, 0.12);
  --cosmos-glow-2: rgba(130, 140, 175, 0.06);
  --cosmos-glow-3: rgba(90, 95, 130, 0.08);
  --cosmos-dust: rgba(100, 108, 140, 0.05);
}

[data-theme="aurora"] {
  --accent: #2eb8a8;
  --accent-deep: #1d8a7e;
  --accent-soft: #5ee1d0;
  --accent-rgb: 46, 184, 168;
  --cosmos-glow: rgba(46, 184, 168, 0.16);
  --cosmos-glow-2: rgba(100, 200, 180, 0.08);
  --cosmos-glow-3: rgba(60, 140, 200, 0.1);
  --cosmos-dust: rgba(46, 160, 150, 0.06);
}

[data-theme="classic"] {
  --accent: #8a93a8;
  --accent-deep: #4a5060;
  --accent-soft: #b8c0d4;
  --accent-rgb: 138, 147, 168;
  --cosmos-glow: rgba(255, 255, 255, 0.02);
  --cosmos-glow-2: rgba(200, 210, 230, 0.02);
  --cosmos-glow-3: rgba(120, 130, 150, 0.03);
  --cosmos-dust: rgba(255, 255, 255, 0.02);
}

[data-theme="sunset"] {
  --accent: #ff7a59;
  --accent-deep: #d24f3a;
  --accent-soft: #ffb08d;
  --accent-rgb: 255, 122, 89;
  --cosmos-glow: rgba(255, 122, 89, 0.2);
  --cosmos-glow-2: rgba(255, 170, 120, 0.12);
  --cosmos-glow-3: rgba(198, 95, 164, 0.12);
  --cosmos-dust: rgba(255, 122, 89, 0.08);
}

[data-theme="vanta-net"] {
  --accent: #36ffd7;
  --accent-deep: #10b89d;
  --accent-soft: #8fffe9;
  --accent-rgb: 54, 255, 215;
  --cosmos-glow: rgba(54, 255, 215, 0.16);
  --cosmos-glow-2: rgba(97, 196, 255, 0.1);
  --cosmos-glow-3: rgba(110, 116, 255, 0.11);
  --cosmos-dust: rgba(54, 255, 215, 0.07);
}

[data-theme="neon"] {
  --accent: #00f5e8;
  --accent-deep: #00b8a8;
  --accent-soft: #7dfffb;
  --accent-rgb: 0, 245, 232;
  --cosmos-glow: rgba(255, 0, 200, 0.22);
  --cosmos-glow-2: rgba(0, 245, 232, 0.14);
  --cosmos-glow-3: rgba(168, 85, 255, 0.18);
  --cosmos-dust: rgba(0, 245, 232, 0.08);
}

html[data-cosmos-custom-bg="1"] .cosmos {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.84) 100%),
    var(--cosmos-user-image) center / cover no-repeat;
}

html[data-particles="off"] .cosmos {
  display: none !important;
  pointer-events: none;
}