/* Dark/light theming via CSS custom properties + data-theme attribuut. */
:root, [data-theme="light"] {
  --bg: #F7F6FB;
  --fg: #1A1A2E;
  --fg-muted: #6b6b80;
  --card-bg: #FFFFFF;
  --border: #E7E5F5;
  --input-bg: #FBFAFF;
}

[data-theme="dark"] {
  --bg: #14141F;
  --fg: #F2F1F9;
  --fg-muted: #9a97b5;
  --card-bg: #1E1E2E;
  --border: #2C2C40;
  --input-bg: #23233355;
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    --bg: #14141F;
    --fg: #F2F1F9;
    --fg-muted: #9a97b5;
    --card-bg: #1E1E2E;
    --border: #2C2C40;
    --input-bg: #23233355;
  }
}