/* =============================================================================
 *  00-tokens.css — 设计变量 + 地区配色主题
 *  改配色只改这个文件。每个语种的 theme 在 assets/js/00-config.js 里指定。
 * ========================================================================== */

:root {
  /* ---------- 尺寸 ---------- */
  --maxw: 1200px;
  --maxw-text: 760px;      /* 正文最佳阅读宽度 */
  --gutter: 20px;
  --radius-s: 8px;
  --radius: 14px;
  --radius-l: 22px;
  --shadow-s: 0 1px 3px rgba(20, 16, 12, .08);
  --shadow: 0 6px 24px rgba(20, 16, 12, .10);
  --shadow-l: 0 18px 48px rgba(20, 16, 12, .16);

  /* ---------- 字体（系统字体，零请求、秒开；各语种在下面单独覆盖） ---------- */
  --font-display: "Georgia", "Songti SC", "Noto Serif SC", "Times New Roman", serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Arial, sans-serif;
  --fs-base: 17px;
  --lh-base: 1.75;

  /* ---------- 默认配色（朱红 · 宣纸）—— 英文/简体中文 ---------- */
  --paper:      #fbf7f0;
  --paper-2:    #ffffff;
  --paper-3:    #f3ece2;
  --ink:        #1e1a16;
  --ink-2:      #4a423a;
  --muted:      #7c7166;
  --line:       #e5dbcd;
  --accent:     #c0392b;
  --accent-2:   #8e2b20;
  --accent-soft:#fbeae6;
  --gold:       #b98b2f;
  --ok:         #2f7a4f;
  --warn:       #b3701a;
  --danger:     #b3261e;
  --header-bg:  rgba(251, 247, 240, .92);
  --hero-from:  #1b1512;
  --hero-to:    #43251c;
  --hero-ink:   #fdf8f2;
  --pattern:    rgba(192, 57, 43, .07);
}

/* ---------------------------------------------------------------- 水墨 · 繁中 */
html[data-theme="ink"] {
  --paper: #f7f7f5; --paper-2: #ffffff; --paper-3: #eeeeec;
  --ink: #17202a; --ink-2: #3c4a58; --muted: #6d7a86; --line: #dfe3e6;
  --accent: #2b5876; --accent-2: #1d3f57; --accent-soft: #e8f0f6; --gold: #8a7a55;
  --header-bg: rgba(247, 247, 245, .92);
  --hero-from: #12202c; --hero-to: #2b5876; --hero-ink: #f4f8fa;
  --pattern: rgba(43, 88, 118, .08);
  --font-display: "Georgia", "Songti TC", "Noto Serif TC", serif;
  --font-body: -apple-system, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
}

/* ---------------------------------------------------------------- 阿拉伯 · 青金 (RTL) */
html[data-theme="arab"] {
  --paper: #fbfaf6; --paper-2: #ffffff; --paper-3: #f1efe7;
  --ink: #12262a; --ink-2: #355055; --muted: #6b7f82; --line: #dde5e2;
  --accent: #0e6b6b; --accent-2: #0a4f4f; --accent-soft: #e3f2ef; --gold: #c39533;
  --header-bg: rgba(251, 250, 246, .94);
  --hero-from: #06272a; --hero-to: #0e6b6b; --hero-ink: #f7fbf9;
  --pattern: rgba(14, 107, 107, .09);
  --font-display: "Noto Naskh Arabic", "Amiri", "Traditional Arabic", Georgia, serif;
  --font-body: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --fs-base: 18px; --lh-base: 1.9;
}

/* ---------------------------------------------------------------- 欧洲 · 靛蓝 */
html[data-theme="europe"] {
  --paper: #fbfbfd; --paper-2: #ffffff; --paper-3: #f1f2f7;
  --ink: #191c25; --ink-2: #41465a; --muted: #6f7488; --line: #e0e2ec;
  --accent: #3c4ecb; --accent-2: #2a389c; --accent-soft: #eceefb; --gold: #a98a3c;
  --header-bg: rgba(251, 251, 253, .93);
  --hero-from: #141833; --hero-to: #3c4ecb; --hero-ink: #f7f8fd;
  --pattern: rgba(60, 78, 203, .07);
}

/* ---------------------------------------------------------------- 拉美/南欧 · 赤陶 */
html[data-theme="terra"] {
  --paper: #fdf8f3; --paper-2: #ffffff; --paper-3: #f7ece2;
  --ink: #241a12; --ink-2: #4e3b2c; --muted: #7f6a56; --line: #ecdcd0;
  --accent: #d1613c; --accent-2: #a74526; --accent-soft: #fceee7; --gold: #c79a3a;
  --header-bg: rgba(253, 248, 243, .93);
  --hero-from: #2b1a12; --hero-to: #a74526; --hero-ink: #fdf6f1;
  --pattern: rgba(209, 97, 60, .08);
}

/* ---------------------------------------------------------------- 东南亚 · 翡翠 */
html[data-theme="jade"] {
  --paper: #f9fbf7; --paper-2: #ffffff; --paper-3: #eef3ea;
  --ink: #14201a; --ink-2: #38493d; --muted: #697a6c; --line: #dce5d8;
  --accent: #1f7a52; --accent-2: #17593c; --accent-soft: #e6f3ea; --gold: #c0912e;
  --header-bg: rgba(249, 251, 247, .93);
  --hero-from: #0f241a; --hero-to: #1f7a52; --hero-ink: #f5fbf7;
  --pattern: rgba(31, 122, 82, .08);
  --font-body: -apple-system, "Noto Sans Thai", "Noto Sans", "Segoe UI", sans-serif;
}

/* ---------------------------------------------------------------- 俄区 · 冷霜 */
html[data-theme="frost"] {
  --paper: #fafbfd; --paper-2: #ffffff; --paper-3: #eef1f6;
  --ink: #151a22; --ink-2: #3a4353; --muted: #6a7385; --line: #dde2ec;
  --accent: #3358a8; --accent-2: #24407d; --accent-soft: #e9eef9; --gold: #a4863a;
  --header-bg: rgba(250, 251, 253, .93);
  --hero-from: #101725; --hero-to: #3358a8; --hero-ink: #f6f8fd;
  --pattern: rgba(51, 88, 168, .08);
}

/* ---------------------------------------------------------------- 日韩 · 樱墨 */
html[data-theme="sakura"] {
  --paper: #fdfafb; --paper-2: #ffffff; --paper-3: #f6eef1;
  --ink: #1d1719; --ink-2: #4a3d42; --muted: #7d6d73; --line: #ecdfe3;
  --accent: #b03a5b; --accent-2: #87284a; --accent-soft: #fbebf0; --gold: #b8913c;
  --header-bg: rgba(253, 250, 251, .93);
  --hero-from: #241318; --hero-to: #87284a; --hero-ink: #fdf7f9;
  --pattern: rgba(176, 58, 91, .08);
  --font-body: -apple-system, "Hiragino Sans", "Yu Gothic", "Noto Sans JP",
               "Malgun Gothic", "Noto Sans KR", sans-serif;
}

/* ---------------------------------------------------------------- 南亚 · 藏红 */
html[data-theme="saffron"] {
  --paper: #fdfbf5; --paper-2: #ffffff; --paper-3: #f6efe0;
  --ink: #221a10; --ink-2: #4a3a24; --muted: #7b6a4e; --line: #ecdfc8;
  --accent: #e06b1f; --accent-2: #b34e12; --accent-soft: #fceedd; --gold: #c8a02e;
  --header-bg: rgba(253, 251, 245, .93);
  --hero-from: #2a1a0c; --hero-to: #b34e12; --hero-ink: #fdf8f0;
  --pattern: rgba(224, 107, 31, .09);
}

/* 深色模式跟随系统（可在 99-main.js 里手动切换 html[data-mode="dark"]） */
html[data-mode="dark"] {
  --paper: #14130f; --paper-2: #1c1a16; --paper-3: #262220;
  --ink: #f2ece4; --ink-2: #cfc6bb; --muted: #9a9086; --line: #35302a;
  --accent: #e0685a; --accent-2: #c0392b; --accent-soft: #2c1e1b; --gold: #d9ab45;
  --header-bg: rgba(20, 19, 15, .94);
  --hero-from: #0c0b09; --hero-to: #2a1512; --hero-ink: #f7f1e9;
  color-scheme: dark;
}