/* 网站界面配色（与课表主题 #sheet[data-theme] 独立） */
html[data-site-theme="sage"],
html:not([data-site-theme]) {
  --bg1: #f3f7f4;
  --bg2: #e8f0ea;
  --app-fg: #3d7a5c;
  --title: #2e4a3a;
  --teacher: #5a6b60;
  --line: #d0dfd5;
  --accent: #4fa87a;
  --btn: #4fa87a;
  --btn-fg: #fff;
  --rm: #c0504d;
  --checklist-thead-bg: #e8f4ed;
  --checklist-corner-bg: #dceee4;
  --checklist-rowhead-bg: #f0f7f3;
  --checklist-hover-bg: #f5faf7;
  --checklist-title-hover-bg: rgba(79, 168, 122, 0.1);
  --checklist-spinner-border: rgba(61, 122, 92, 0.22);
  --spinner-border: rgba(61, 122, 92, 0.22);
  --focus-ring: rgba(79, 168, 122, 0.25);
}

html[data-site-theme="candy"] {
  --bg1: #fff0f5;
  --bg2: #e6f7ff;
  --app-fg: #ff5c8a;
  --title: #4a3f55;
  --teacher: #6d4c41;
  --line: #ffd0e0;
  --accent: #ff8fb1;
  --btn: #ff8fb1;
  --btn-fg: #fff;
  --rm: #ff7a9c;
  --checklist-thead-bg: #fff0f5;
  --checklist-corner-bg: #ffe8f0;
  --checklist-rowhead-bg: #fff7fa;
  --checklist-hover-bg: #fffafc;
  --checklist-title-hover-bg: rgba(255, 143, 177, 0.12);
  --checklist-spinner-border: rgba(255, 92, 138, 0.22);
  --spinner-border: rgba(255, 92, 138, 0.22);
  --focus-ring: rgba(255, 143, 177, 0.25);
}

html[data-site-theme="slate"] {
  --bg1: #f4f6f8;
  --bg2: #e8edf2;
  --app-fg: #3d5a80;
  --title: #2f3e4e;
  --teacher: #5c6b7a;
  --line: #d5dde6;
  --accent: #4a7ab8;
  --btn: #4a7ab8;
  --btn-fg: #fff;
  --rm: #c0504d;
  --checklist-thead-bg: #eef3f9;
  --checklist-corner-bg: #e4ecf5;
  --checklist-rowhead-bg: #f5f8fb;
  --checklist-hover-bg: #f8fafc;
  --checklist-title-hover-bg: rgba(74, 122, 184, 0.1);
  --checklist-spinner-border: rgba(61, 90, 128, 0.22);
  --spinner-border: rgba(61, 90, 128, 0.22);
  --focus-ring: rgba(74, 122, 184, 0.25);
}

.site-theme-picker {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 2px;
}
.site-theme-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: transform 0.12s, box-shadow 0.12s;
}
.site-theme-dot:hover { transform: scale(1.08); }
.site-theme-dot.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--accent);
}
.site-theme-dot[data-site-theme="candy"] {
  background: linear-gradient(135deg, #ff8fb1, #ffc2d6);
}
.site-theme-dot[data-site-theme="slate"] {
  background: linear-gradient(135deg, #6b8cb8, #a8bdd4);
}
.site-theme-dot[data-site-theme="sage"] {
  background: linear-gradient(135deg, #5cb888, #a8d4bc);
}