:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080908;
  --bg-deep: #050605;
  --surface: #101210;
  --surface-raised: #151815;
  --surface-glass: rgba(16, 18, 16, .72);
  --text: #f5f2ec;
  --text-strong: #fffdf8;
  --muted: rgba(245, 242, 236, .61);
  --muted-strong: rgba(245, 242, 236, .78);
  --line: rgba(245, 242, 236, .14);
  --line-soft: rgba(245, 242, 236, .075);
  --shadow: 0 35px 100px rgba(0, 0, 0, .35);
  --image-filter: saturate(.85) contrast(1.03) brightness(.78);
  --noise-opacity: .055;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f2eee7;
  --bg-deep: #e8e2d9;
  --surface: #fbf8f2;
  --surface-raised: #ffffff;
  --surface-glass: rgba(250, 247, 241, .78);
  --text: #191b18;
  --text-strong: #090a09;
  --muted: rgba(25, 27, 24, .58);
  --muted-strong: rgba(25, 27, 24, .77);
  --line: rgba(25, 27, 24, .16);
  --line-soft: rgba(25, 27, 24, .085);
  --shadow: 0 35px 90px rgba(55, 42, 25, .12);
  --image-filter: saturate(.9) contrast(1.02) brightness(.96);
  --noise-opacity: .035;
}

html { background: var(--bg); }
body { background: var(--bg); color: var(--text); }
::selection { background: var(--accent); color: var(--accent-ink); }