/* Theme: Onyx + Candy Blue — #020202 / #B2D5E5 */
html[data-theme="onyx"] {
  --bg: #020202;
  --bg-elevated: #0a0a0a;
  --bg-card: #101214;
  --bg-card-hover: #161a1d;
  --border: rgba(178, 213, 229, 0.12);
  --border-strong: rgba(178, 213, 229, 0.28);
  --text: #f2f7fa;
  --text-muted: #b2d5e5;
  --text-dim: #6f8694;
  --pink: #b2d5e5;
  --pink-soft: #d0e7f1;
  --cyan: #b2d5e5;
  --cyan-dim: #7eacbf;
  --orange: #cfe3ee;
  --purple: #6d7f8a;
  --magenta: #8aa3b0;
  --success: #9fd4c2;
  --warning: #e0c07a;
  --danger: #e07a7a;
  --glow-pink: 0 0 40px rgba(178, 213, 229, 0.2);
  --glow-cyan: 0 0 36px rgba(178, 213, 229, 0.16);
}
html[data-theme="onyx"] .btn-primary {
  color: #020202 !important;
  background: linear-gradient(135deg, #b2d5e5, #7eacbf) !important;
}
html[data-theme="onyx"] .logo-beta {
  color: #b2d5e5;
  text-shadow: 0 0 10px rgba(178,213,229,.4);
}
html[data-theme="onyx"] .gradient-text {
  background: linear-gradient(135deg, #ffffff, #b2d5e5, #6f8694);
  -webkit-background-clip: text;
  background-clip: text;
}