/* CSG UI Kit · tokens.css
 * 设计令牌：字体、明暗两套色彩、圆角、阴影、焦点环、动效时长与缓动。
 * 设计语言：冷灰中性底、单一钴蓝强调色、发丝线分隔、最大圆角 8px、数字等宽；色彩只承担语义，不做装饰。
 * 无依赖、无外链；换肤只改 :root 上的自定义属性（见 README）。 */
:root{
  --font-sans:"Geist","Outrank Sans SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,"Outrank Sans SC",monospace;
  --paper:#f3f4f7; --surface:#ffffff; --surface-2:#f8f9fb; --sunken:#eceef2;
  --ink:#0f1520; --ink-2:#444c5c; --ink-3:#6b7384; --ink-4:#9aa1af;
  --rule:#e3e6ec; --rule-2:#cfd4de; --rule-ink:#0f1520;
  --accent:#2a4fd6; --accent-2:#2140b4; --accent-wash:#e9eefc; --accent-ink:#ffffff;
  --ok:#0d7a4f; --ok-wash:#e4f4ec; --warn:#a85d00; --warn-wash:#fbf0dc; --danger:#b8312a; --danger-wash:#fbe9e7;
  --live:#d9392f;
  --r-sm:4px; --r:5px; --r-lg:8px;
  --shadow-pop:0 1px 2px rgba(15,21,32,.08),0 8px 24px -6px rgba(15,21,32,.2);
  --shadow-modal:0 24px 60px -16px rgba(15,21,32,.35);
  --ring:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --paper:#0b0d11; --surface:#12151b; --surface-2:#161a21; --sunken:#0e1116;
  --ink:#e9ebf0; --ink-2:#b4bac6; --ink-3:#808899; --ink-4:#575e6d;
  --rule:#1f242d; --rule-2:#2c323d; --rule-ink:#e9ebf0;
  --accent:#8ea2ff; --accent-2:#a9b7ff; --accent-wash:#182049; --accent-ink:#0b0d11;
  --ok:#4cc38d; --ok-wash:#0f2a1f; --warn:#e3a94a; --warn-wash:#2b2110; --danger:#f2766d; --danger-wash:#301614;
  --live:#ff6b60;
  --shadow-pop:0 1px 2px rgba(0,0,0,.5),0 10px 28px -6px rgba(0,0,0,.7);
  --shadow-modal:0 24px 60px -16px rgba(0,0,0,.8);
  color-scheme:dark;
}
:root{--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--dur-4:520ms;--stagger:60ms;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-std:cubic-bezier(.4,0,.2,1)}
