/* 01-tokens.css
   抽取自 index.html 行 8-220：Design Tokens v2.0 / 暗色 / current 色板 / 档案纸风(paper)
   含文件内纯 CSS 变量定义，02/03 依赖其变量。 */
/* ============================================================
   随客记 Design Tokens  v2.0
   单位说明：预览用 px（1px = 2rpx @750 设计稿）
   ============================================================ */
:root{
  --bg:#F2F3F4;
  --surface:#FFFFFF;
  --surface-2:#F5F7F8;
  --surface-3:#EDF0F0;
  --line:#DDE4E2;
  --line-strong:#C9D4D1;

  --ink:#14211F;
  --ink-2:#4A5C59;
  --ink-3:#5F7170;

  --primary:#215C56;
  --primary-hover:#174A44;
  --primary-soft:#DCEAE6;
  --on-primary:#FFFFFF;

  --accent:#96692E;
  --accent-soft:#F6EBD9;
  --danger:#C0493A;
  --danger-soft:#FBE7E4;
  --success:#0E7B74;
  --success-soft:#E0EFEC;
  --warning:#B25A19;
  --warning-soft:#FBEEDD;

  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-full:999px;
  --s1:0 1px 3px rgba(20,33,31,.05);
  --s2:0 4px 14px rgba(20,33,31,.07);
  --s3:0 12px 32px rgba(20,33,31,.12);
  --tap:44px;
  --ease:cubic-bezier(.2,.8,.2,1);

  --doc-bg:#E8ECEB;
  --doc-panel:#FFFFFF;
  --doc-line:#D8E0DE;
}
[data-theme="dark"]{
  --bg:#0E1615;
  --surface:#17211F;
  --surface-2:#1D2826;
  --surface-3:#243130;
  --line:#26322F;
  --line-strong:#33413E;

  --ink:#E6EEEB;
  --ink-2:#A6B5B1;
  --ink-3:#8A9C98;

  --primary:#5FBFAE;
  --primary-hover:#74CCC0;
  --primary-soft:#1C3531;
  --on-primary:#06201C;

  --accent:#D0A45E;
  --accent-soft:#2E2718;
  --danger:#E3806F;
  --danger-soft:#39211D;
  --success:#4EC9B7;
  --success-soft:#17342F;
  --warning:#D9A34D;
  --warning-soft:#33281A;

  --s1:0 0 0 1px var(--line);
  --s2:0 0 0 1px var(--line);
  --s3:0 12px 32px rgba(0,0,0,.4);

  --doc-bg:#0A100F;
  --doc-panel:#131C1A;
  --doc-line:#243130;
}

/* A/B 对照：切回线上现有色板（随客记 v1） */
[data-theme="light"][data-palette="current"]{
  --bg:#E7EEEC;
  --surface:#F6F8F7;
  --surface-2:#EDF2F1;
  --surface-3:#E8EEEC;
  --line:#C9D4D1;
  --line-strong:#B9C6C3;

  --ink:#1B2E2C;
  --ink-2:#5E6F6C;
  --ink-3:#5E6F6C;

  --primary:#215C56;
  --primary-soft:#D5E6E2;

  --accent:#A67C4A;
  --accent-soft:#EFE4D3;
  --danger:#B94A3C;
  --danger-soft:#F8E4E1;
  --success:#2F8F6D;
  --success-soft:#DFF0E8;
  --warning:#C4852A;
  --warning-soft:#F5E9D3;
}
[data-theme="dark"][data-palette="current"]{
  --bg:#141C1B;
  --surface:#1E2826;
  --surface-2:#243230;
  --surface-3:#1A2422;
  --line:#2F3D3A;
  --line-strong:#3D4C48;

  --ink:#E4EDEA;
  --ink-2:#8A9B97;
  --ink-3:#8A9B97;

  --primary:#4AA89A;
  --primary-soft:#243936;

  --accent:#C9A066;
  --accent-soft:#3A3226;
  --danger:#E07A6E;
  --danger-soft:#3A2320;
  --success:#5CBC96;
  --success-soft:#1E3A31;
  --warning:#E0A84A;
  --warning-soft:#3A2E1C;
}

/* ============================================================
   档案纸风（Archival Paper）
   隐喻：替代牛皮档案本的高质量客户档案卡
   要点：暖纸底 / 暖墨字 / 描边分层（不靠投影）/ 衬线标题 / 印章色
   ============================================================ */
[data-style="paper"][data-theme="light"]{
  --bg:#F4EFE6;
  --surface:#FCFAF4;
  --surface-2:#F0E9DB;
  --surface-3:#EAE1CF;
  --line:#E0D6C3;
  --line-strong:#CBBEA6;

  --ink:#292219;
  --ink-2:#5C5344;
  --ink-3:#7A7060;

  --primary:#C2410C;
  --primary-hover:#9A3308;
  --primary-soft:#FAE3D2;
  --on-primary:#FFFFFF;

  --accent:#8A5A2B;
  --accent-soft:#F0E2CC;
  --danger:#A62B2B;
  --danger-soft:#F6DCDC;
  --success:#3D5A3E;
  --success-soft:#E4E8DB;
  --warning:#8A6D0B;
  --warning-soft:#F5EBCE;

  --s1:0 1px 0 rgba(41,34,25,.03);
  --s2:0 4px 14px rgba(41,34,25,.06);
  --s3:0 12px 32px rgba(41,34,25,.12);

  --doc-bg:#EAE3D4;
  --doc-panel:#FBF8F0;
  --doc-line:#D9CDB4;
}
[data-style="paper"][data-theme="dark"]{
  --bg:#191410;
  --surface:#221C14;
  --surface-2:#292218;
  --surface-3:#312818;
  --line:#3A3226;
  --line-strong:#4A4030;

  --ink:#EDE3D0;
  --ink-2:#BCAE95;
  --ink-3:#998B71;

  --accent:#D9A868;
  --accent-soft:#37291C;
  --danger:#E08A72;
  --danger-soft:#3C211B;
  --success:#9DB88F;
  --success-soft:#26301F;
  --warning:#D9A34D;
  --warning-soft:#33281A;

  --s1:0 0 0 1px var(--line);
  --s2:0 0 0 1px var(--line);
  --s3:0 12px 32px rgba(0,0,0,.4);

  --doc-bg:#12100C;
  --doc-panel:#1D1811;
  --doc-line:#33291C;
}
/* 纸感细节：卡片靠描边分层、标题用衬线、标签带印章感 */
[data-style="paper"] .card{box-shadow:none;border-color:var(--line-strong)}
[data-style="paper"] .searchbar{box-shadow:none;border-color:var(--line-strong)}
/* 粤省事式暖橙顶光：氛围暖（纸感）+ 功能冷（蓝），渐变固定在顶部不随滚动 */
[data-style="paper"] .screen{
  background:
    linear-gradient(180deg,#F5A93F 0%,#F8C575 72px,#FBE3B8 168px,rgba(251,227,184,0) 300px),
    var(--bg);
}
[data-style="paper"] .greet h1,
[data-style="paper"] .sec-title,
[data-style="paper"] .navbar{
  font-family:"Songti SC","STSong","Noto Serif SC","SimSun",serif;
  letter-spacing:.5px;
}
[data-style="paper"] .badge-free{
  color:var(--danger);border-color:var(--danger);border-radius:2px;
  font-family:"Songti SC","STSong",serif;letter-spacing:1px;
}