/* BKMS theme tokens — dark (default) + light */

html[data-theme="dark"],
html:not([data-theme]) {
  color-scheme: dark;
  --bg: #0a0f14;
  --surface: #121920;
  --surface-elevated: #10161d;
  --surface-muted: #0e1319;
  --surface-stats: #0d1218;
  --card: #171e27;
  --text: #eef4f9;
  --text-secondary: #c5d0db;
  --muted: #a8b6c4;
  --text-dim: #6d7d8d;
  --text-faint: #5a6775;
  --accent: #0060a8;
  --accent-bright: #47a1ff;
  --accent-top: #0a7ad4;
  --border: #2a3542;
  --border-subtle: #1e2732;
  --ok: #3fb950;
  --ok-text: #5ddf7a;
  --warn: #d29922;
  --reefer: #39c5cf;
  --reefer-text: #5eead4;
  --suspicious: #d29922;
  --suspicious-bright: #e3b341;
  --suspicious-bg: rgba(210, 153, 34, 0.18);
  --suspicious-border: rgba(227, 179, 65, 0.45);
  --danger: #ff7b72;
  --danger-bg: rgba(248, 81, 73, 0.14);
  --danger-border: rgba(248, 81, 73, 0.28);
  --shadow-tint: rgba(0, 48, 88, 0.28);
  --shadow-soft: rgba(0, 0, 0, 0.25);
  --input-bg: rgba(10, 15, 20, 0.75);
  --pill-bg: rgba(10, 15, 20, 0.65);
  --pill-bg-muted: rgba(10, 15, 20, 0.55);
  --chip-bg: rgba(26, 34, 44, 0.92);
  --btn-secondary-bg: rgba(23, 30, 39, 0.9);
  --page-btn-bg: rgba(10, 15, 20, 0.8);
  --table-bg: #0a0f14;
  --table-head: #1a222c;
  --table-head-text: #d0d9e2;
  --table-row-even: rgba(255, 255, 255, 0.022);
  --table-row-hover: #1a2838;
  --table-sticky-even: #0d1218;
  --row-hover-accent: rgba(0, 96, 168, 0.12);
  --focus-ring: rgba(71, 161, 255, 0.18);
  --focus-ring-strong: rgba(71, 161, 255, 0.35);
  --btn-shadow: rgba(0, 96, 168, 0.28);
  --scrollbar: #2f3d4d;
  --resize-handle: rgba(139, 148, 158, 0.45);
  --empty-icon-bg: rgba(71, 161, 255, 0.1);
  --empty-icon-border: rgba(71, 161, 255, 0.22);
  --empty-loading-text: #b8c5d1;
  --mail-subject: #c5d2de;
  --mail-subject-active: #e8f0f8;
  --mail-snippet: #6d7d8d;
  --mail-date: #7d8d9e;
  --mail-meta: #8aa0b4;
  --mail-avatar-text: #dce8f4;
  --mail-row-hover: rgba(255, 255, 255, 0.03);
  --mail-row-active: rgba(0, 96, 168, 0.14);
  --mail-row-border: rgba(42, 53, 66, 0.45);
  --mail-sender-meta: #6d7d8d;
  --mail-sender-email: #7d8d9e;
  --mail-read-title: #f0f5fa;
  --mail-att-bg: rgba(15, 20, 27, 0.9);
  --mail-preview-bg: #141a22;
  --mail-preview-toolbar: #10161d;
  --mail-preview-viewer: #1a2028;
  --mail-body-bg: #fff;
  --mail-search-hit-bg: #ffd966;
  --mail-search-hit-text: #1a1a1a;
  --theme-toggle-hover: rgba(0, 96, 168, 0.12);
  --select-chevron: %239aa8b6;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f6fa;
  --surface: #ffffff;
  --surface-elevated: #f8fafc;
  --surface-muted: #ffffff;
  --surface-stats: #eef2f7;
  --card: #ffffff;
  --text: #0f172a;
  --text-secondary: #475569;
  --muted: #64748b;
  --text-dim: #94a3b8;
  --text-faint: #cbd5e1;
  --accent: #0060a8;
  --accent-bright: #0060a8;
  --accent-top: #0a7ad4;
  --border: #d7e0ea;
  --border-subtle: #e8edf3;
  --ok: #1a7f37;
  --ok-text: #1a7f37;
  --warn: #9a6700;
  --reefer: #0e7490;
  --reefer-text: #0e7490;
  --suspicious: #9a6700;
  --suspicious-bright: #9a6700;
  --suspicious-bg: rgba(210, 153, 34, 0.14);
  --suspicious-border: rgba(210, 153, 34, 0.35);
  --danger: #cf222e;
  --danger-bg: rgba(207, 34, 46, 0.08);
  --danger-border: rgba(207, 34, 46, 0.22);
  --shadow-tint: rgba(0, 96, 168, 0.1);
  --shadow-soft: rgba(15, 23, 42, 0.08);
  --input-bg: #ffffff;
  --pill-bg: #ffffff;
  --pill-bg-muted: #f8fafc;
  --chip-bg: #f1f5f9;
  --btn-secondary-bg: #ffffff;
  --page-btn-bg: #ffffff;
  --table-bg: #f8fafc;
  --table-head: #eef2f7;
  --table-head-text: #475569;
  --table-row-even: rgba(15, 23, 42, 0.02);
  --table-row-hover: #e8f2fc;
  --table-sticky-even: #f1f5f9;
  --row-hover-accent: rgba(0, 96, 168, 0.08);
  --focus-ring: rgba(0, 96, 168, 0.14);
  --focus-ring-strong: rgba(0, 96, 168, 0.22);
  --btn-shadow: rgba(0, 96, 168, 0.18);
  --scrollbar: #cbd5e1;
  --resize-handle: rgba(100, 116, 139, 0.35);
  --empty-icon-bg: rgba(0, 96, 168, 0.08);
  --empty-icon-border: rgba(0, 96, 168, 0.18);
  --empty-loading-text: #64748b;
  --mail-subject: #334155;
  --mail-subject-active: #0f172a;
  --mail-snippet: #64748b;
  --mail-date: #94a3b8;
  --mail-meta: #64748b;
  --mail-avatar-text: #f8fafc;
  --mail-row-hover: rgba(0, 96, 168, 0.05);
  --mail-row-active: rgba(0, 96, 168, 0.1);
  --mail-row-border: rgba(215, 224, 234, 0.95);
  --mail-sender-meta: #64748b;
  --mail-sender-email: #64748b;
  --mail-read-title: #0f172a;
  --mail-att-bg: #ffffff;
  --mail-preview-bg: #ffffff;
  --mail-preview-toolbar: #f8fafc;
  --mail-preview-viewer: #eef2f7;
  --mail-body-bg: #ffffff;
  --mail-search-hit-bg: #ffe566;
  --mail-search-hit-text: #1a1a1a;
  --theme-toggle-hover: rgba(0, 96, 168, 0.08);
  --select-chevron: %2364748b;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  padding: 0;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--pill-bg);
  color: var(--text-secondary);
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.theme-toggle-btn:hover {
  border-color: var(--accent-bright);
  color: var(--accent-bright);
  background: var(--theme-toggle-hover);
  filter: none;
}
.theme-toggle-btn:active { transform: scale(0.98); }
.theme-toggle-btn svg {
  width: 1.05rem;
  height: 1.05rem;
  display: block;
}
.theme-toggle-btn .icon-sun,
html[data-theme="light"] .theme-toggle-btn .icon-moon { display: none; }
html[data-theme="light"] .theme-toggle-btn .icon-sun,
.theme-toggle-btn .icon-moon { display: block; }

html[data-theme="light"] .filter-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
}

html[data-theme="light"] .error {
  background: var(--danger-bg);
}