/* 设计变量（PRD v0.3 4.7 / 执行方案 U1-M1 冻结）
 *
 * 用法：页面只引用变量，不写死颜色与字号；最小字号 12。
 * 主题：默认浅色（T19 方案 B「鼠尾草」）；深色由 :root[data-theme="dark"] 覆盖同名变量。
 *      本期深色只在 /styleguide 预览，不对用户开放（PRD q05）。
 * 依赖：无。字体只用系统字体，不加载外部字体或脚本。
 */

:root {
  color-scheme: light;

  /* 字体：系统字体栈，不引入外部字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;

  /* 颜色 · 浅色 */
  --c-bg: #F5F7F2;
  --c-surface: #FFFFFF;
  --c-surface-2: #EDF1E8;
  --c-border: #DCE3D5;
  --c-text: #25322B;
  --c-text-muted: #56665C;
  --c-primary: #3C6A55;
  --c-primary-soft: #E3EEE7;
  --c-primary-strong: #2B5342;
  --c-on-primary: #FFFFFF;
  --c-accent: #B05A3A;
  --c-accent-soft: #F8E8E0;
  --c-accent-text: #8A3F22;
  --c-success: #2F6F54;
  --c-success-soft: #E3F1EA;
  --c-warning: #8A5A12;
  --c-warning-soft: #FBEFD8;
  --c-danger: #A33A3A;
  --c-danger-soft: #F9E4E2;
  --c-on-danger: #FFFFFF;

  /* 图表三色：主系列 / 对照系列 / 强调 */
  --c-chart-1: #3C6A55;
  --c-chart-2: #5F9A80;
  --c-chart-3: #B05A3A;

  /* 字号 · 六级 */
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-28: 28px;

  /* 间距 · 六档 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* 圆角 · 三档加胶囊 */
  --r-8: 8px;
  --r-12: 12px;
  --r-16: 16px;
  --r-999: 999px;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  /* 颜色 · 深色：只覆盖颜色，字号 / 间距 / 圆角不变 */
  --c-bg: #151D18;
  --c-surface: #1E2822;
  --c-surface-2: #27332C;
  --c-border: #37463D;
  --c-text: #EEF3EC;
  --c-text-muted: #B3C2B8;
  --c-primary: #7FC3A1;
  --c-primary-soft: #243B30;
  --c-primary-strong: #A9DBC1;
  --c-on-primary: #0F1F17;
  --c-accent: #E69A78;
  --c-accent-soft: #3D281F;
  --c-accent-text: #F3BFA5;
  --c-success: #7CCBA5;
  --c-success-soft: #1F3A2F;
  --c-warning: #E8B65C;
  --c-warning-soft: #3C2E14;
  --c-danger: #F19A9A;
  --c-danger-soft: #432225;
  --c-on-danger: #2B1010;

  --c-chart-1: #7FC3A1;
  --c-chart-2: #3F7A60;
  --c-chart-3: #E69A78;
}

/* 最小复位：让边框、内边距可预测（各页原先都各自写，组件库统一一次） */
*,
*::before,
*::after {
  box-sizing: border-box;
}