[data-theme="dark"] {
  --bg: #0a0a0f;
  --bg-elevated: #0e0e15;
  --surface: rgba(17, 17, 25, 0.86);
  --surface-solid: #14141d;
  --surface-hover: rgba(37, 37, 51, 0.82);
  --subtle-surface: rgba(255, 255, 255, 0.018);
  --card-bg: rgba(18, 18, 27, 0.95);
  --button-bg: rgba(255, 255, 255, 0.035);
  --input-bg: rgba(4, 4, 8, 0.38);
  --tooltip-bg: rgba(20, 20, 29, 0.97);
  --dialog-bg: #111119;
  --dialog-footer: rgba(10, 10, 15, 0.75);
  --header-bg: rgba(10, 10, 15, 0.84);
  --text: #e8e8e8;
  --heading: #f3f1eb;
  --text-muted: #aaa8b2;
  --text-faint: #82808b;
  --gold-text: #d8bd68;
  --cyan-text: #67d8c1;
  --gnostic-text: #d8bd68;
  --ufo-text: #67d8c1;
  --astrological-text: #b199cd;
  --link: #d8bd68;
  --link-hover: #ead58e;
  --danger: #e08b88;
  --border: rgba(232, 232, 232, 0.105);
  --border-strong: rgba(232, 232, 232, 0.21);
  --input-border: rgba(232, 232, 232, 0.14);
  --gold-border: rgba(201, 168, 76, 0.35);
  --gnostic-border: rgba(201, 168, 76, 0.45);
  --ufo-border: rgba(78, 201, 176, 0.45);
  --astrological-border: rgba(155, 127, 191, 0.48);
  --danger-border: rgba(224, 139, 136, 0.4);
  --header-highlight: rgba(255, 255, 255, 0.025);
  --surface-highlight: rgba(255, 255, 255, 0.035);
  --gold-wash: rgba(201, 168, 76, 0.09);
  --gold-glow: rgba(201, 168, 76, 0.16);
  --chip-active-bg: rgba(255, 255, 255, 0.04);
  --focus: #e2c567;
  --focus-wash: rgba(201, 168, 76, 0.13);
  --selection: #c9a84c;
  --selection-text: #09090c;
  --ambient-gold: rgba(201, 168, 76, 0.055);
  --ambient-cyan: rgba(78, 201, 176, 0.035);
  --ambient-purple: rgba(155, 127, 191, 0.035);
  --star: rgba(255, 255, 255, 0.11);
  --graph-grid: rgba(255, 255, 255, 0.025);
  --graph-center: rgba(201, 168, 76, 0.035);
  --graph-link: rgba(206, 207, 218, 0.22);
  --graph-label: #cbc9d0;
  --graph-label-stroke: rgba(10, 10, 15, 0.92);
  --node-stroke: rgba(255, 255, 255, 0.66);
  --node-shadow: rgba(0, 0, 0, 0.65);
  --node-halo: rgba(232, 232, 232, 0.7);
  --swatch-ring: rgba(255, 255, 255, 0.08);
  --timeline-glow: rgba(201, 168, 76, 0.22);
  --event-ring: rgba(255, 255, 255, 0.08);
  --era-wash: rgba(255, 255, 255, 0.012);
  --code-bg: rgba(255, 255, 255, 0.07);
  --dialog-backdrop: rgba(2, 2, 5, 0.66);
  --panel-shadow: 0 20px 70px rgba(0, 0, 0, 0.18);
  --small-shadow: 0 8px 25px rgba(0, 0, 0, 0.22);
  --card-shadow: rgba(0, 0, 0, 0.22);
  --floating-shadow: 0 14px 50px rgba(0, 0, 0, 0.44);
  --dialog-shadow: -20px 0 70px rgba(0, 0, 0, 0.48);
}