/* ============================================================
   万物皆可爬 · 设计令牌（Design Tokens）
   风格基调：户外攀岩「路书」—— 暖纸底色 / 花岗岩墨色 / 安全橙点睛
   修改主题配色、字体、间距等，只需调整本文件
   ============================================================ */

:root {
  /* —— 字体 —— */
  --font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", SimSun, serif;
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, "Courier New", monospace;

  /* —— 间距（4px 基准）—— */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px;

  /* —— 圆角 —— */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-xl: 22px; --r-pill: 999px;

  /* —— 动效 —— */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 160ms; --t-med: 280ms; --t-slow: 480ms;

  /* —— 布局 —— */
  --nav-h: 60px;          /* 移动端底部标签栏高度 */
  --sidebar-w: 240px;     /* 桌面端侧栏宽度 */
  --content-w: 1120px;    /* 桌面端内容最大宽度 */
}

/* —— 浅色主题 · 暖纸路书（默认）—— */
[data-theme="light"] {
  --bg: #f4efe5;
  --bg-contour: rgba(120, 100, 70, 0.07);
  --surface: #fffcf5;
  --surface-2: #efe8da;
  --ink: #28231c;
  --ink-2: #6d6455;
  --ink-3: #a39a89;
  --line: #e2d9c7;
  --line-strong: #c9bda6;
  --accent: #c2410c;                 /* 安全橙（岩绳色）*/
  --accent-contrast: #fff8f2;
  --accent-soft: rgba(194, 65, 12, 0.09);
  --green: #2b8a3e;                  /* 已可建模 */
  --green-soft: rgba(43, 138, 62, 0.12);
  --gray-dot: #8b8578;               /* 尚未建模 */
  --gray-soft: rgba(120, 113, 100, 0.14);
  --danger: #b02a37;
  --shadow-sm: 0 1px 2px rgba(60, 50, 30, 0.06);
  --shadow-md: 0 6px 20px -8px rgba(60, 50, 30, 0.22);
  --shadow-lg: 0 18px 44px -18px rgba(60, 50, 30, 0.35);
  --hero-grad: linear-gradient(180deg, rgba(22, 16, 8, 0) 28%, rgba(22, 16, 8, 0.66) 100%);
  --board-bg: #ece5d4;

  /* —— 地图配色（等高线地形 · 参考苹果地图的低饱和）—— */
  --m-base: #f1ede2;              /* 图面底色 */
  --m-halo: #f6f3ea;              /* 标注描边（与底色同族，用于文字挖空）*/
  --m-band-1: #eeeade;
  --m-band-2: #e7e1d2;
  --m-band-3: #ded7c5;
  --m-band-4: #d3cab4;
  --m-band-5: #c6bba2;
  --m-contour: rgba(140, 118, 84, 0.42);
  --m-contour-index: rgba(120, 96, 62, 0.72);
  --m-label: #8a7452;
  --m-rock: rgba(150, 132, 104, 0.24);
  --m-rock-line: rgba(126, 106, 76, 0.42);
  --m-forest: rgba(120, 152, 108, 0.17);
  --m-forest-dot: rgba(92, 126, 84, 0.42);
  --m-water: #b3cfe2;
  --m-water-edge: #8fb4cd;
  --m-spot: #6f5c3e;
  --m-glass: rgba(255, 252, 245, 0.82);
  --m-glass-line: rgba(160, 145, 118, 0.28);
}

/* —— 深色主题 · 白垩与板岩 —— */
[data-theme="dark"] {
  --bg: #15181a;
  --bg-contour: rgba(200, 185, 150, 0.05);
  --surface: #1e2225;
  --surface-2: #272b2e;
  --ink: #ece6d9;
  --ink-2: #a89f90;
  --ink-3: #6f685c;
  --line: #34383b;
  --line-strong: #474c4f;
  --accent: #f08c3a;
  --accent-contrast: #211206;
  --accent-soft: rgba(240, 140, 58, 0.13);
  --green: #56c271;
  --green-soft: rgba(86, 194, 113, 0.16);
  --gray-dot: #7c766a;
  --gray-soft: rgba(140, 132, 120, 0.16);
  --danger: #e3495a;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 20px -8px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 18px 44px -18px rgba(0, 0, 0, 0.7);
  --hero-grad: linear-gradient(180deg, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.72) 100%);
  --board-bg: #1a1e21;

  /* —— 地图配色（深色：夜间地形图）—— */
  --m-base: #171b1d;
  --m-halo: #1b2022;
  --m-band-1: #1a1f21;
  --m-band-2: #212729;
  --m-band-3: #282f31;
  --m-band-4: #30383a;
  --m-band-5: #394244;
  --m-contour: rgba(196, 178, 138, 0.26);
  --m-contour-index: rgba(212, 190, 142, 0.5);
  --m-label: #b9a785;
  --m-rock: rgba(150, 140, 118, 0.2);
  --m-rock-line: rgba(160, 148, 120, 0.3);
  --m-forest: rgba(96, 132, 96, 0.18);
  --m-forest-dot: rgba(126, 164, 122, 0.4);
  --m-water: #1f3b4d;
  --m-water-edge: #2f5b76;
  --m-spot: #b8a887;
  --m-glass: rgba(30, 34, 37, 0.84);
  --m-glass-line: rgba(120, 128, 130, 0.32);
}