/* Dark mode should be layered and calm, not translucent over active content. */
[data-mode="dark"] {
  --surface: #151a24;
  --surface-2: #1b2230;
  --surface-hover: #242d3d;
  --border: #ffffff20;
  --border-strong: #ffffff33;
  --text: #f8fafc;
  --text-secondary: #d2dbea;
  --text-muted: #aebbd0;
  --glass-shadow: 0 20px 50px -22px rgba(0, 0, 0, .72);
}

[data-mode="dark"] .glass,
[data-mode="dark"] .glass-2 {
  -webkit-backdrop-filter: blur(10px) saturate(115%);
  backdrop-filter: blur(10px) saturate(115%);
}