/* Shared design values. Component layout stays in its own stylesheet. */
:root {
  color-scheme:light;
  --font-sans:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:"Cascadia Code",Consolas,monospace;
  --text-xs:11px;
  --text-sm:12px;
  --text-md:13px;
  --text-base:14px;
  --text-lg:16px;
  --text-xl:20px;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --line-height:1.7;
  --site-width:1500px;
  --page-gutter:32px;
  --chat-content-width:var(--site-width);
  --bg:#F6F7F8;
  --surface:#FFFFFF;
  --surface-subtle:#FAFBFC;
  --surface-muted:#F0F3F5;
  --surface-hover:#E8EDF0;
  --surface-selected:#DEE6EB;
  --ink:#202B33;
  --text-secondary:#566570;
  --muted:#64727E;
  --text-faint:#7B8791;
  --line:#E1E6EA;
  --line-strong:#C5CFD7;
  --accent:#287B62;
  --accent-hover:#216650;
  --accent-line:#B7D6C9;
  --soft:#EAF4EF;
  --success:#258052;
  --wechat:#24AD64;
  --success-soft:#E8F5ED;
  --danger:#C2414B;
  --danger-hover:#A9343D;
  --danger-soft:#FBECEE;
  --warning:#956516;
  --warning-soft:#FFF4DF;
  --info:#3476BA;
  --info-soft:#EAF2FC;
  --purple:#7860AB;
  --purple-soft:#F1EDF8;
  --orange:#A96A2D;
  --orange-soft:#FFF1E2;
  --on-accent:#FFFFFF;
  --bubble-user:#DFF1E8;
  --bubble-user-line:#C5E2D3;
  --avatar-user:#E1EAF5;
  --avatar-user-ink:#526B83;
  --selection-color:var(--accent);
  --tooltip-bg:#171717;
  --overlay:#18243B66;
  --viewer-bg:#131313F5;
  --viewer-text:#F5F5F5;
  --viewer-muted:#C3C3C3;
  --viewer-button:#303030DD;
  --viewer-hover:#FFFFFF14;
  --range-tick-filled:#FFFFFF65;
  --image-shade:#00000088;
  --image-shade-hover:#000000BB;
  --image-gradient:#000000AA;
  --drop-bg:#F0F8F3F2;
  --shadow-ink:#18243B14;
  --shadow-soft:#18243B08;
  --shadow-card:0 4px 20px #18243B08;
  --shadow-menu:0 8px 28px #18243B14;
  --shadow-dialog:0 18px 64px #18243B29;
  --shadow-tooltip:0 3px 10px #00000022;
  --radius-sm:6px;
  --radius-control:8px;
  --radius-menu:12px;
  --radius-card:16px;
  --radius-dialog:18px;
  --radius-pill:999px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --motion-fast:160ms;
  --motion-normal:220ms;
}