/* 协议页主题令牌（取值与 App/官网一致）；须在 Bootstrap 之后加载，同优先级后者生效 */
:root {
  color-scheme: light;
  --bg: #f4f4f4;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --ink: #333333;
  --brand: #0060b8;
  --brand-soft: rgba(0, 96, 184, 0.08);
  --line: #e2e8f0;
  --on-brand: #ffffff;
  --card-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  --toggle-bg: rgba(255, 255, 255, 0.92);
  --toggle-ink: #0f1720;
  --toggle-line: rgba(15, 23, 32, 0.12);
}

html[data-theme='dark'] {
  color-scheme: dark;
  --bg: #0f172a;
  --surface: #1b2537;
  --surface-soft: #222e44;
  --ink: #e6eaf2;
  --brand: #79b3ff;
  --brand-soft: rgba(121, 179, 255, 0.14);
  --line: rgba(255, 255, 255, 0.14);
  --on-brand: #0f172a;
  --card-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
  --toggle-bg: rgba(27, 37, 55, 0.92);
  --toggle-ink: #e6eaf2;
  --toggle-line: rgba(255, 255, 255, 0.16);
}

body {
  background-color: var(--bg);
  color: var(--ink);
  transition: background-color 0.25s ease, color 0.25s ease;
}

.container {
  background: var(--surface);
  box-shadow: var(--card-shadow);
  color: var(--ink);
}

.container .container {
  background: var(--surface);
  border-color: var(--line);
}

h1, h2, h3, h4, h5 {
  color: var(--brand);
}

a {
  color: var(--brand);
}

strong, li, p, ol, ul, td, th, div {
  color: inherit;
}

table th {
  background-color: var(--brand);
  color: var(--on-brand);
}

table th, table td {
  border-color: var(--line);
}

/* 主题切换按钮：固定右下角，避开协议正文 */
.legal-theme-toggle {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--toggle-line);
  background: var(--toggle-bg);
  color: var(--toggle-ink);
  font-size: 13px;
  line-height: 1;
  font-family: inherit;
  backdrop-filter: blur(10px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}

.legal-theme-toggle:active {
  transform: scale(0.97);
}

.legal-theme-toggle svg {
  width: 15px;
  height: 15px;
}