/* 赢在客户 · 设计令牌
   规则：页面里不要出现字面色值 / 魔数间距，一律引用这里的变量。
   换品牌 = 只改这一个文件（或按机构覆盖下面几行）。详见 docs/DESIGN-RULES.md */

:root{
  /* 品牌与文字 */
  --ink:#060e1e;
  --ink2:#1b2b45;
  --gold:#b8892b;
  --gold-l:#e8d4a8;
  --bg:#f7f8fa;
  --card:#ffffff;
  --line:#e6e9ef;
  --mute:#5f6b7d;
  --mute-2:#8a95a5;
  --warm:#c2410c;
  --ok:#2e7d5b;

  /* 间距：只用 4 的倍数 */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;

  /* 圆角 */
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-pill:999px;

  /* 字号：手机输入框不小于 16px，否则 iOS 聚焦会放大页面 */
  --text-xs:11.5px;
  --text-sm:13px;
  --text-md:14px;
  --text-lg:16px;
  --text-xl:20px;

  /* 层级 */
  --z-drawer:60;
  --z-toast:9999;

  /* 手机端安全区（底部操作条用） */
  --safe-bottom:env(safe-area-inset-bottom, 0px);
}

/* 语义别名：写页面时优先用这几个，读起来知道"这颜色干嘛用" */
:root{
  --color-text:var(--ink);
  --color-text-muted:var(--mute);
  --color-label:var(--mute-2);
  --color-surface:var(--card);
  --color-page:var(--bg);
  --color-border:var(--line);
  --color-brand:var(--ink2);
  --color-accent:var(--gold);
  --color-warn:var(--warm);
  --color-done:var(--ok);
}

/* 手机端间距收紧一档，页面不用自己写断点 */
@media(max-width:560px){
  :root{
    --space-4:14px;
    --space-5:18px;
    --space-6:20px;
  }
}