/* 1) 颜色变量：默认亮色 */
:root {
  --bg: #ffffff;
  --fg: #111111;
  --muted: #666666;
  --link: #1a73e8;
  --border: #e5e7eb;
  --code-bg: #f6f8fa;
}

/* 2) 跟随系统暗色（没被 App 强制时生效） */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b0b0c;
    --fg: #eaeaea;
    --muted: #a3a3a3;
    --link: #8ab4f8;
    --border: #2a2a2a;
    --code-bg: #0f1115;
  }
}

/* 3) App 强制（Flutter 注入：documentElement.setAttribute('data-app-theme', 'dark'|'light')） */
:root[data-app-theme="light"] {
  --bg: #ffffff;
  --fg: #111111;
  --muted: #666666;
  --link: #1a73e8;
  --border: #e5e7eb;
  --code-bg: #f6f8fa;
}
:root[data-app-theme="dark"] {
  --bg: #0b0b0c;
  --fg: #eaeaea;
  --muted: #a3a3a3;
  --link: #8ab4f8;
  --border: #2a2a2a;
  --code-bg: #0f1115;
}

/* 4) 实际覆盖 GitBook 页面（这块必须要有） */
.book, .book-body, .page-inner { background: var(--bg) !important; color: var(--fg) !important; }
.book-summary { background: var(--bg) !important; border-right: 1px solid var(--border) !important; }
.page-inner h1, .page-inner h2, .page-inner h3, .page-inner h4 { color: var(--fg) !important; }
.page-inner p, .page-inner li, .page-inner td, .page-inner th { color: var(--fg) !important; }
a, .page-inner a { color: var(--link) !important; }

pre, code, .hljs { background: var(--code-bg) !important; color: var(--fg) !important; }
pre { border: 1px solid var(--border) !important; }

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