:root[data-theme="dark"] {
  --bg: #0b0b0e;
  --bg-2: #121218;
  --bg-3: #1a1a22;
  --fg: #f2ece0;
  --fg-dim: #8b8579;
  --fg-faint: #4a463f;
  --accent: #d44a1e;
  --accent-2: #f5b14a;
  --line: rgba(242,236,224,0.08);
  --line-strong: rgba(242,236,224,0.18);
  --overlay: rgba(11,11,14,0.72);
  --overlay-strong: rgba(11,11,14,0.88);
  --img-filter: brightness(0.5) contrast(1.1);
  --chip-active-bg: rgba(212, 74, 30, 0.12);
}

:root[data-theme="light"] {
  --bg: #f4ede0;
  --bg-2: #ebe3d2;
  --bg-3: #ddd2bc;
  --fg: #1a1612;
  --fg-dim: #6b6358;
  --fg-faint: #a89e8a;
  --accent: #b8390e;
  --accent-2: #946012;
  --line: rgba(26,22,18,0.1);
  --line-strong: rgba(26,22,18,0.2);
  --overlay: rgba(244,237,224,0.72);
  --overlay-strong: rgba(244,237,224,0.88);
  --img-filter: brightness(0.95) contrast(0.95);
  --chip-active-bg: rgba(184, 57, 14, 0.10);
}