:root,
[data-theme="dark"] {
  --color-bg: #07090a;
  --color-surface: #0d1012;
  --color-surface-2: #131719;
  --color-panel: rgba(13, 16, 18, 0.84);
  --color-text: #f3f0e8;
  --color-text-muted: #a6aaab;
  --color-text-faint: #6f7476;
  --color-line: rgba(243, 240, 232, 0.15);
  --color-line-strong: rgba(243, 240, 232, 0.28);
  --color-gold: #caa866;
  --color-gold-bright: #ecd195;
  --color-cyan: #69c9d0;
  --color-image-overlay: rgba(5, 7, 8, 0.56);
  --shadow-deep: 0 32px 96px rgba(0, 0, 0, 0.42);
}

[data-theme="light"] {
  --color-bg: #f3f0e8;
  --color-surface: #e8e3d8;
  --color-surface-2: #f9f7f2;
  --color-panel: rgba(249, 247, 242, 0.88);
  --color-text: #111416;
  --color-text-muted: #575f62;
  --color-text-faint: #777f81;
  --color-line: rgba(17, 20, 22, 0.16);
  --color-line-strong: rgba(17, 20, 22, 0.3);
  --color-gold: #8a6728;
  --color-gold-bright: #a77e33;
  --color-cyan: #177981;
  --color-image-overlay: rgba(7, 9, 10, 0.5);
  --shadow-deep: 0 32px 96px rgba(36, 30, 20, 0.18);
}