﻿/*
  Xiaobei Suite Foundation CSS 002
  强提醒：本文件为 token-only 基础层。
  可以被旧页面安全引用，但不得包含 .card / .btn / .main / .rail / .topbar 等通用组件选择器。
  组件样式请使用 xiaobei-suite-components.css，并且只挂到明确迁移的样板页面。
*/

:root{
  --ink:#203833;
  --muted:#6d817b;
  --soft:#eef5ef;
  --paper:#fffdf8;
  --card:#ffffff;
  --line:#dbe7df;
  --teal:#16846f;
  --teal-2:#20a48b;
  --blue:#4b8aa3;
  --sand:#f1d795;
  --amber:#d58b2a;
  --red:#c46d62;
  --deep:#173c35;
  --deep-2:#183e37;
  --mint:#edf6f1;
  --cream:#fff2d4;
  --page-bg-1:#f7f8f1;
  --page-bg-2:#edf5ef;
  --page-bg-3:#f8f2df;
  --shadow:0 24px 70px rgba(32,56,51,.12);
  --shadow-card:0 18px 45px rgba(32,56,51,.08);
  --shadow-soft:0 8px 22px rgba(32,56,51,.05);
  --shadow-btn:0 12px 28px rgba(22,132,111,.22);
  --radius:22px;
  --radius-sm:16px;
  --radius-lg:28px;
  --radius-hero:32px;
  --font-suite:"Source Han Serif SC","Noto Serif SC","PingFang SC","Microsoft YaHei",serif;
}

/*
  069A / v1.4.5 global visual token bridge.
  Keep this foundation layer token-only so older pages can inherit the warm document shell safely.
*/
:root{
  --paper-warm:#faf7f0;
  --paper-mid:#f2ede3;
  --paper-dark:#e8e0d0;
  --paper-soft:#fffdf8;
  --ink-deep:#2c2416;
  --ink-mid:#5c5040;
  --ink-light:#8a7d6a;
  --ochre:#b87333;
  --ochre-light:#f5e6d0;
  --ochre-dim:#d4956a;
  --moss:#5a7055;
  --moss-light:#e8f0e5;
  --moss-dim:#7a9a75;
  --charcoal:#3d3830;
  --candidate-bg:#fdf5e0;
  --candidate-border:#e8c87a;
  --pending-bg:#f0ede8;
  --pending-border:#c8bfb0;
  --divider:rgba(44,36,22,.10);
  --shadow-doc:0 2px 12px rgba(44,36,22,.07);
  --shadow-panel:0 8px 32px rgba(44,36,22,.10);
  --shadow-float:0 16px 48px rgba(44,36,22,.14);

  --ink:var(--ink-deep);
  --muted:var(--ink-light);
  --soft:var(--paper-mid);
  --paper:var(--paper-warm);
  --card:#fffdf8;
  --line:var(--divider);
  --teal:var(--moss);
  --teal-2:var(--moss-dim);
  --blue:#627c89;
  --sand:var(--candidate-border);
  --amber:var(--ochre);
  --deep:var(--charcoal);
  --deep-2:#332e28;
  --mint:var(--moss-light);
  --cream:var(--ochre-light);
  --page-bg-1:var(--paper-warm);
  --page-bg-2:var(--paper-mid);
  --page-bg-3:var(--ochre-light);
  --shadow:var(--shadow-float);
  --shadow-card:var(--shadow-doc);
  --shadow-soft:0 1px 8px rgba(44,36,22,.055);
  --shadow-btn:0 10px 22px rgba(90,112,85,.20);
  --radius:8px;
  --radius-sm:8px;
  --radius-lg:10px;
  --radius-hero:12px;
}
