[data-theme="light"] {
  --gold: #a68432;
  --cyan: #3f9185;
  --purple: #80699e;
  --domain-gnostic: #a68432;
  --domain-ufo: #3f9185;
  --domain-astrological: #80699e;
  --bg: #f8f8f8;
  --bg-elevated: #f3f3f3;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-hover: #f3f3f3;
  --subtle-surface: #fafafa;
  --card-bg: #ffffff;
  --button-bg: #f7f7f7;
  --input-bg: #ffffff;
  --tooltip-bg: rgba(255, 255, 255, 0.98);
  --dialog-bg: #ffffff;
  --dialog-footer: #f8f8f8;
  --header-bg: rgba(255, 255, 255, 0.94);
  --text: #1a1a1a;
  --heading: #1a1a1a;
  --text-muted: #666666;
  --text-faint: #999999;
  --gold-text: #786020;
  --cyan-text: #2d746b;
  --gnostic-text: #786020;
  --ufo-text: #2d746b;
  --astrological-text: #66547b;
  --link: #70591f;
  --link-hover: #4f3f16;
  --danger: #a24440;
  --border: #e0e0e0;
  --border-strong: #c8c8c8;
  --input-border: #d6d6d6;
  --gold-border: rgba(166, 132, 50, 0.38);
  --gnostic-border: rgba(166, 132, 50, 0.42);
  --ufo-border: rgba(63, 145, 133, 0.42);
  --astrological-border: rgba(128, 105, 158, 0.42);
  --danger-border: rgba(162, 68, 64, 0.35);
  --header-highlight: rgba(255, 255, 255, 0.9);
  --surface-highlight: rgba(255, 255, 255, 0.9);
  --gold-wash: rgba(166, 132, 50, 0.08);
  --gold-glow: rgba(166, 132, 50, 0.1);
  --chip-active-bg: #ffffff;
  --focus: #70591f;
  --focus-wash: rgba(166, 132, 50, 0.12);
  --selection: #d8c68f;
  --selection-text: #1a1a1a;
  --ambient-gold: transparent;
  --ambient-cyan: transparent;
  --ambient-purple: transparent;
  --star: rgba(0, 0, 0, 0.055);
  --graph-grid: rgba(0, 0, 0, 0.04);
  --graph-center: rgba(0, 0, 0, 0.018);
  --graph-link: rgba(26, 26, 26, 0.22);
  --graph-label: #333333;
  --graph-label-stroke: rgba(255, 255, 255, 0.96);
  --node-stroke: rgba(26, 26, 26, 0.5);
  --node-shadow: rgba(0, 0, 0, 0.16);
  --node-halo: rgba(26, 26, 26, 0.45);
  --swatch-ring: rgba(0, 0, 0, 0.09);
  --timeline-glow: rgba(0, 0, 0, 0.1);
  --event-ring: rgba(0, 0, 0, 0.08);
  --era-wash: rgba(0, 0, 0, 0.015);
  --code-bg: #f0f0f0;
  --dialog-backdrop: rgba(0, 0, 0, 0.32);
  --panel-shadow: 0 20px 70px rgba(0, 0, 0, 0.07);
  --small-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  --card-shadow: rgba(0, 0, 0, 0.1);
  --floating-shadow: 0 14px 50px rgba(0, 0, 0, 0.16);
  --dialog-shadow: -20px 0 70px rgba(0, 0, 0, 0.2);
}