/**
 * 振动分析工具 · 浅色主题标准 v1.0
 * Vibration Math Tools — Light Theme Standard
 *
 * 用法（新页面 head 中，置于页面自有 <style> 之前）：
 *   <link rel="stylesheet" href="math-theme-light.css" />
 *
 * 页面样式只使用下列 CSS 变量，勿再写死十六进制色值（除本文件外）。
 * 暗色主题可另建 math-theme-dark.css，变量名保持一致。
 *
 * ── 变量一览 ─────────────────────────────────────────────
 * 背景与容器
 *   --bg              页面主背景（白/浅灰）
 *   --panel           卡片、侧栏、region 块
 *   --surface-inset   输入框、内嵌表格区、details 折叠区
 *   --border          默认描边
 *   --border-strong   悬停/强调描边
 *
 * 文字
 *   --text            正文
 *   --muted           标签、次要说明、h2
 *   --caption         表头、图注、辅助行
 *
 * 语义色
 *   --accent          标题、链接、主按钮、单选强调
 *   --accent-subtle   浅色高亮底（可选用）
 *   --formula         公式/等宽强调（原 .eq）
 *   --ok              成功、导出、就绪状态
 *   --warn            警告行、校验提示
 *
 * 按钮
 *   --btn-primary-start / --btn-primary-end / --btn-primary-text
 *   --btn-secondary-bg / --btn-secondary-text / --btn-secondary-hover-border
 *
 * 其它
 *   --shadow-sm       卡片轻阴影
 *   --font-sans       界面字体栈
 *   --font-mono       等宽/数值字体栈
 *
 * 兼容别名（SDOF 等页）
 *   --card            同 --panel
 *   --accent2         第二曲线色（响应/相位）
 *   --bad             错误状态
 *
 * 图表（Chart.js / Plotly）
 *   --chart-axis / --chart-grid / --chart-title
 *   --chart-series-a / --chart-series-b / --chart-series-c
 *   --chart-marker-warn / --chart-marker-warn-dim
 *   --chart-region-0 / --chart-region-1 / --chart-region-2
 */

:root {
  --bg: #f6f8fb;
  --panel: #ffffff;
  --surface-inset: #eef2f7;
  --border: #d5dde8;
  --border-strong: #a8b8cc;

  --text: #1c2533;
  --muted: #5a6a7e;
  --caption: #3d4d61;

  --accent: #1565c0;
  --accent-subtle: rgba(21, 101, 192, 0.1);
  --formula: #0d47a1;
  --ok: #2e7d32;
  --warn: #b45309;

  --btn-primary-start: #1565c0;
  --btn-primary-end: #42a5f5;
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: #e8eef5;
  --btn-secondary-text: var(--caption);
  --btn-secondary-hover-border: var(--border-strong);

  --shadow-sm: 0 1px 3px rgba(28, 37, 51, 0.08);

  --font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;

  --card: var(--panel);
  --accent2: #c62828;
  --bad: #c62828;

  --chart-axis: var(--caption);
  --chart-grid: rgba(28, 37, 51, 0.12);
  --chart-title: var(--text);
  --chart-series-a: #1565c0;
  --chart-series-a-light: #42a5f5;
  --chart-series-b: #c62828;
  --chart-series-c: #2e7d32;
  --chart-series-c-alt: #0e7490;
  --chart-marker-warn: rgba(180, 83, 9, 0.92);
  --chart-marker-warn-dim: rgba(180, 83, 9, 0.45);
  --chart-region-0: rgba(180, 83, 9, 0.18);
  --chart-region-1: rgba(198, 40, 40, 0.14);
  --chart-region-2: rgba(21, 101, 192, 0.14);
  --schematic-bg: var(--surface-inset);
  --schematic-border: var(--border);
}

/* 基础排版（各页 body 可再覆盖字号） */
body.math-theme-light,
html.math-theme-light body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

/* KaTeX 与 Markdown 公式区 */
.math-theme-light .katex,
.math-theme-light .md-theory .katex {
  color: var(--text);
}