/* ============================================================================
 * EB 模考平台 · 主题色板（单源）
 * 深色基准仍留在各页面自己的 :root 里（现网观感已验收，动它＝改考生熟悉的界面）；
 * 本文件只管三件事：
 *   ① 两个主题都要用的新 token 默认值（压在强调色上的文字、半透明底、遮罩…）
 *   ② 浅色整套值——两份：跟随系统的 @media 兜底 + 手动 data-t="light"
 *      （两份必须一字不差，tests/test_theme_contrast.py 会逐字符比对，防漂移）
 *   ③ 主题开关控件的共用样式（.fs-seg）
 * 加载顺序：本文件先于页面 <style>；浅色靠属性选择器天然压过 :root 基准，不依赖顺序。
 * ==========================================================================*/
:root{
  /* 状态色分两层：--ok/--warn/--bad 只当文字（≥4.5:1），--*-fill 当按钮底/描边（白字 ≥3:1） */
  --on-accent:#0b1220; --on-bad:#fff; --on-brand:#fff;
  --accent-ink:#38bdf8; --info-ink:#a5b4fc;
  --ok-fill:#22c55e; --warn-fill:#f59e0b; --bad-fill:#ef4444;
  --tint-ok:rgba(34,197,94,.15); --tint-warn:rgba(245,158,11,.15); --tint-bad:rgba(239,68,68,.15);
  --tint-info:rgba(56,189,248,.15); --tint-brand:rgba(99,102,241,.18); --tint-mut:rgba(148,163,184,.15);
  --mask:rgba(0,0,0,.6);
}

@media (prefers-color-scheme: light){
:root:not([data-t="dark"]):not([data-t="light"]){
  --bg:#f5f7fa; --panel:#ffffff; --panel-2:#eef1f6; --line:#d5dbe4;
  --text:#101928; --muted:#525c6a; --accent:#38bdf8; --accent-ink:#0674a6;
  --ok:#147c3b; --warn:#aa4f09; --bad:#b51b1b; --brand:#6366f1;
  --ok-fill:#15803d; --warn-fill:#b45309; --bad-fill:#b91c1c;
  --on-accent:#0b1220; --on-bad:#ffffff; --on-brand:#ffffff;
  --tint-ok:rgba(21,128,61,.07); --tint-warn:rgba(180,83,9,.07); --tint-bad:rgba(185,28,28,.07);
  --tint-info:rgba(6,116,166,.10); --tint-brand:rgba(99,102,241,.12); --tint-mut:rgba(91,102,117,.12);
  --info-ink:#4338ca; --mask:rgba(15,23,42,.42); --shadow:0 6px 18px rgba(15,23,42,.10);
}
}

:root[data-t="light"]{
  --bg:#f5f7fa; --panel:#ffffff; --panel-2:#eef1f6; --line:#d5dbe4;
  --text:#101928; --muted:#525c6a; --accent:#38bdf8; --accent-ink:#0674a6;
  --ok:#147c3b; --warn:#aa4f09; --bad:#b51b1b; --brand:#6366f1;
  --ok-fill:#15803d; --warn-fill:#b45309; --bad-fill:#b91c1c;
  --on-accent:#0b1220; --on-bad:#ffffff; --on-brand:#ffffff;
  --tint-ok:rgba(21,128,61,.07); --tint-warn:rgba(180,83,9,.07); --tint-bad:rgba(185,28,28,.07);
  --tint-info:rgba(6,116,166,.10); --tint-brand:rgba(99,102,241,.12); --tint-mut:rgba(91,102,117,.12);
  --info-ink:#4338ca; --mask:rgba(15,23,42,.42); --shadow:0 6px 18px rgba(15,23,42,.10);
}

/* 主题/字号开关（考试中心顶栏、答题页、以及免登录的定级与词力计页共用这一小块） */
.fs-seg{display:flex;align-items:center;gap:4px}
.fs-seg .lbl{color:var(--muted);font-size:11px;margin-right:2px}
.fs-seg .btn.sm{padding:5px 9px;font-size:11px}
.fs-seg .btn.on{border-color:var(--accent);color:var(--accent-ink);font-weight:700}