/* ============================================================
   家族设计令牌 · 纯变量层（family design tokens, variables only）
   —— 给「自带布局体系、不能整份挂 bink.css」的端接入用（如产品选配平台）。

   ⚠ 本文件由 scripts/verify-ui-tokens.mjs 从 ui/bink.css 抽取生成，勿手改。
      改动请改 bink.css 的 :root / html[data-theme="dark"]，然后：
        node scripts/verify-ui-tokens.mjs --write
      校验（不一致即 FAIL）：
        node scripts/verify-ui-tokens.mjs

   它只含 CSS 变量，**不含任何选择器规则** —— 因此加载它不会与调色板之外的
   自有类名（.topbar/.modal/.btn/.card…）产生任何叠加冲突，可以安全地
   在自有样式表之前 <link> 引入，然后把自己的私有变量名别名到这些家族名上。
   ============================================================ */

:root {
  color-scheme: light;
  --bg: #E8EBE8;
  --text: #2A3330;
  --panel: #F2F4F1;
  --panel-2: #E2E6E2;
  --muted: #7A8580;
  --line: #D0D6D2;
  --line-strong: #B8C0BA;
  --accent: #B8863E;
  --accent-soft: rgba(184, 134, 62, .12);
  --accent-ring: rgba(184, 134, 62, .28);
  --info: #4A7A8C;
  --info-soft: rgba(74, 122, 140, .12);
  --ok: #4A8A6A;
  --ok-soft: rgba(74, 138, 106, .12);
  --ok-border: rgba(74, 138, 106, .35);
  --warn: #B8893E;
  --warn-soft: rgba(184, 137, 62, .14);
  --warn-border: rgba(184, 137, 62, .38);
  --danger: #B85040;
  --danger-soft: rgba(184, 80, 64, .10);
  --danger-border: rgba(184, 80, 64, .32);
  --violet: #6A6A9A;
  --violet-soft: rgba(106, 106, 154, .10);
  --sidebar: #F2F4F1;
  --sidebar-border: #D0D6D2;
  --mono: "Cascadia Code", "Consolas", "SF Mono", ui-monospace, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --rail-w: 216px;
  --insp-w: 320px;
  --radius: 14px;
  --radius-lg: 12px;
  --radius-sm: 8px;
  --shadow-card: 0 1px 3px rgba(42, 51, 48, .06);
  --shadow-elevate: 0 6px 24px rgba(42, 51, 48, .12);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1E2A26;
  --text: #F0EADB;
  --panel: #283530;
  --panel-2: #35453F;
  --muted: #8A9A92;
  --line: #3A4A42;
  --line-strong: #4A5C54;
  --accent: #D4A85C;
  --accent-soft: rgba(212, 168, 92, .14);
  --accent-ring: rgba(212, 168, 92, .30);
  --info: #7AB5C8;
  --info-soft: rgba(122, 181, 200, .12);
  --ok: #6AC090;
  --ok-soft: rgba(106, 192, 144, .12);
  --ok-border: rgba(106, 192, 144, .35);
  --warn: #E0B860;
  --warn-soft: rgba(224, 184, 96, .14);
  --warn-border: rgba(224, 184, 96, .38);
  --danger: #E08070;
  --danger-soft: rgba(224, 128, 112, .14);
  --danger-border: rgba(224, 128, 112, .38);
  --violet: #A090C8;
  --violet-soft: rgba(160, 144, 200, .14);
  --sidebar: #182220;
  --sidebar-border: #3A4A42;
  --shadow-card: 0 1px 0 rgba(240,234,219,.04) inset;
  --shadow-elevate: 0 8px 32px rgba(0, 0, 0, .4);
}