/* ══════════════════════════════════════
   中医仁治 · 共享主题变量
   ══════════════════════════════════════ */

/* ── 字体预加载 ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=Noto+Serif+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ── 全局重置 ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}

/* ══════════════════════════════════════
   体系A — 清亮自然（默认）
   ══════════════════════════════════════ */
:root{
  --bg:#f7f8fa;--surface:#fff;--surface-2:#fafbfc;--border:#e8ecf0;
  --text:#1a1e24;--text-2:#5a636e;--text-3:#8e96a0;
  --accent:#4a8c7a;--accent-l:#e4f0ec;--accent-d:#2a6c5a;
  --warm:#d4947a;--warm-l:#f4e8e2;
  --gold:#c8943a;--gold-l:#f4ecd8;
  --blue:#5a7aac;--blue-l:#e4ecf4;
  --red:#cc4848;--red-l:#f5e8e8;
  --purple:#6a5a8a;--purple-l:#eeeaf2;
  --teal:#2a7a7a;--teal-l:#e0f0f0;
  --radius:10px;--radius-sm:8px;
  --shadow:0 2px 12px rgba(0,0,0,.06);
  --shadow-lg:0 8px 32px rgba(0,0,0,.12);
  --font-sans:'Inter','Noto Sans SC',-apple-system,system-ui,sans-serif;
  --font-serif:'Noto Serif SC',serif;
  --font-mono:'JetBrains Mono',monospace;
}

/* ══════════════════════════════════════
   体系B — 深绿专业（经方/运气/发烧/本能论新解）
   在 <html> 或 <body> 加 data-palette="pro" 激活
   ══════════════════════════════════════ */
[data-palette="pro"]{
  --bg:#f5f6f8;--surface:#fff;--surface-2:#fafbfc;--border:#eceef2;
  --text:#1a1e24;--text-2:#5a636e;--text-3:#9aa3ad;
  --accent:#3a7d6e;--accent-l:#e8f2ef;--accent-d:#2d6356;
  --warm:#c87a5a;--warm-l:#f5ebe5;
  --gold:#b8893a;--gold-l:#f5edd8;
  --blue:#4a6fa8;--blue-l:#e8eef6;
  --red:#cc4848;--red-l:#f5e8e8;
  --purple:#6a5a8a;--purple-l:#eeeaf2;
  --teal:#2a7a7a;--teal-l:#e0f0f0;
  --orange:#d97a2a;--orange-l:#f7ede0;
  --green:#3a7d4e;--green-l:#e6f2ea;
  --radius:12px;--radius-sm:8px;
  --shadow:0 2px 12px rgba(0,0,0,.06);
  --shadow-lg:0 8px 32px rgba(0,0,0,.12);
}

/* ══════════════════════════════════════
   体系C — 古典纸页（难经子页面）
   在 <html> 或 <body> 加 data-palette="classic" 激活
   ══════════════════════════════════════ */
[data-palette="classic"]{
  --bg:#f7f5f0;--surface:#fff;--surface-2:#faf8f4;--border:#e8e4dc;
  --text:#1a1a18;--text-2:#5a5a54;--text-3:#8a8a84;
  --accent:#3a5a3a;--accent-l:#e4ece4;--accent-d:#2a4a2a;
  --warm:#b4744a;--warm-l:#f0e4d8;
  --gold:#b8943a;--gold-l:#f5edd8;
  --radius:8px;--radius-sm:6px;
  --shadow:0 2px 8px rgba(0,0,0,.08);
  --shadow-lg:0 6px 24px rgba(0,0,0,.12);
  --font-serif:'Noto Serif SC',Georgia,serif;
  --font-sans:'Inter',system-ui,sans-serif;
}

/* ══════════════════════════════════════
   五行专用色（体系A/B共用）
   ══════════════════════════════════════ */
:root{
  --wood:#3a8a3a;--fire:#d44040;--earth:#c89420;--metal:#8a8a90;--water:#2a4a7a;
}

/* ── 基础排版 ── */
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:.85}
