:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #e2e6e9;
  --surface: #eef1f3;
  --surface-alt: #e5e9ec;
  --surface-hover: #d8dee3;
  --border: #bdc5cc;
  --border-strong: #9da7b0;
  --text: #1b1f23;
  --muted: #5d6770;
  --muted-strong: #4b555e;
  --accent: #1769d2;
  --accent-soft: #d2e2f7;
  --unread-ring: rgb(23 105 210 / 76%);
  --focus: #0e5bbd;
  --positive: #087a43;
  --positive-bg: #d8ece1;
  --negative: #b52b32;
  --negative-bg: #f1dade;
  --warning: #8a5b00;
  --warning-bg: #efe3c7;
  --neutral: #6d737a;
  --neutral-bg: #e0e4e7;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0c0e;
  --surface: #101214;
  --surface-alt: #17191c;
  --surface-hover: #1b1f23;
  --border: #2c3035;
  --border-strong: #454b52;
  --text: #d9dde1;
  --muted: #7f8790;
  --muted-strong: #aeb5bc;
  --accent: #3c8dde;
  --accent-soft: #152b43;
  --unread-ring: rgb(75 160 235 / 82%);
  --focus: #a9c4ff;
  --positive: #48c978;
  --positive-bg: #173523;
  --negative: #ee6b72;
  --negative-bg: #381d20;
  --warning: #d9a441;
  --warning-bg: #332813;
  --neutral: #9299a1;
  --neutral-bg: #22262b;
}

:root {
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}