:root {
  color-scheme: dark;
  --bg: #0d141b;
  --page-bg: linear-gradient(180deg, #0f171f 0%, #0c1319 100%);
  --overlay-bg: none;
  --panel: rgba(14, 21, 29, 0.82);
  --panel-strong: rgba(11, 17, 24, 0.92);
  --panel-surface: rgba(14, 21, 29, 0.72);
  --panel-border: rgba(255, 255, 255, 0.1);
  --text: #f3f5f7;
  --muted: rgba(243, 245, 247, 0.64);
  --accent-rgb: 127, 200, 163;
  --accent-strong-rgb: 101, 182, 142;
  --scrollbar-rgb: 196, 202, 208;
  --scrollbar-strong-rgb: 176, 182, 188;
  --accent: rgb(var(--accent-rgb));
  --accent-strong: rgb(var(--accent-strong-rgb));
  --shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  --glass-rgb: 10, 16, 22;
  --glass-opacity: 0.5;
  --glass-bg: rgba(var(--glass-rgb), var(--glass-opacity));
  --glass-panel-blur: 10px;
  --input-bg: var(--glass-bg);
  --input-focus-bg: var(--glass-bg);
  --input-border: rgba(var(--accent-rgb), 0.36);
  --hint-bg: rgba(var(--accent-rgb), 0.18);
  --chip-bg: var(--glass-bg);
  --chip-hover-bg: var(--glass-bg);
  --chip-hover-border: rgba(255, 255, 255, 0.16);
  --chip-active-bg: rgba(var(--accent-rgb), 0.18);
  --chip-active-border: rgba(var(--accent-rgb), 0.46);
  --icon-bg: rgba(255, 255, 255, 0.08);
  --link-hover-bg: rgba(255, 255, 255, 0.08);
  --wallpaper-filter: none;
  --radius-xl: 18px;
  --radius-lg: 14px;
  --radius-md: 10px;
  --container: 1180px;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #eef3f6;
  --page-bg: linear-gradient(180deg, #edf3f7 0%, #e7edf2 100%);
  --overlay-bg: none;
  --panel: rgba(255, 255, 255, 0.8);
  --panel-strong: rgba(255, 255, 255, 0.92);
  --panel-surface: rgba(255, 255, 255, 0.72);
  --panel-border: rgba(18, 36, 52, 0.1);
  --text: #17212b;
  --muted: rgba(23, 33, 43, 0.66);
  --accent-rgb: 47, 122, 90;
  --accent-strong-rgb: 38, 101, 74;
  --scrollbar-rgb: 188, 194, 200;
  --scrollbar-strong-rgb: 168, 174, 180;
  --accent: rgb(var(--accent-rgb));
  --accent-strong: rgb(var(--accent-strong-rgb));
  --shadow: 0 10px 24px rgba(27, 46, 66, 0.08);
  --glass-rgb: 255, 255, 255;
  --glass-opacity: 0.5;
  --glass-bg: rgba(var(--glass-rgb), var(--glass-opacity));
  --glass-panel-blur: 10px;
  --input-bg: var(--glass-bg);
  --input-focus-bg: var(--glass-bg);
  --input-border: rgba(var(--accent-rgb), 0.28);
  --hint-bg: rgba(var(--accent-rgb), 0.12);
  --chip-bg: var(--glass-bg);
  --chip-hover-bg: var(--glass-bg);
  --chip-hover-border: rgba(18, 36, 52, 0.14);
  --chip-active-bg: rgba(var(--accent-rgb), 0.12);
  --chip-active-border: rgba(var(--accent-rgb), 0.3);
  --icon-bg: rgba(18, 36, 52, 0.06);
  --link-hover-bg: rgba(18, 36, 52, 0.05);
  --wallpaper-filter: none;
}