:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --bg: #05060c;
  --bg-2: #0a0e1a;
  --surface: rgba(12, 18, 32, 0.82);
  --text: #eaf6ff;
  --text-muted: #8aa3c4;
  --primary: #22e0ff;
  --primary-hover: #6ff0ff;
  --accent: #ff8a2b;
  --accent-hover: #ffab5c;
  --border: rgba(34, 224, 255, 0.55);
  --border-dim: rgba(34, 224, 255, 0.22);
  --shadow: 0 0 14px rgba(34, 224, 255, 0.28), inset 0 0 20px rgba(34, 224, 255, 0.06);
  --shadow-accent: 0 0 16px rgba(255, 138, 43, 0.5), inset 0 0 20px rgba(255, 138, 43, 0.12);
  --danger: #ff4d6d;
  --chamfer: 18px;
}