:root {
  --primitive-white:#ffffff;
  --primitive-slate-50:#f4f7f8; --primitive-slate-100:#eaf0f2; --primitive-slate-200:#dce5e8;
  --primitive-slate-500:#5d717a; --primitive-slate-700:#344e59; --primitive-slate-900:#192f3b;
  --primitive-blue-700:#205967; --primitive-blue-800:#153f4b; --primitive-blue-900:#10343e;
  --primitive-teal-50:#e9f4f1; --primitive-teal-600:#267568; --primitive-orange-600:#a85425;
  --color-canvas:var(--primitive-slate-50); --color-surface:var(--primitive-white); --color-surface-subtle:#f8fafb;
  --color-text:var(--primitive-slate-900); --color-text-secondary:var(--primitive-slate-500);
  --color-border:var(--primitive-slate-200); --color-brand:var(--primitive-blue-800);
  --color-brand-hover:var(--primitive-blue-900); --color-selected:var(--primitive-teal-50);
  --color-accent:var(--primitive-teal-600); --color-orange:var(--primitive-orange-600);
  --color-success:#26704e; --color-warning:#8b5e17; --color-danger:#b13f38; --color-focus:#287f96;
  --font-sans:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-mono:"Cascadia Code",Consolas,monospace;
  --text-xs:12px; --text-sm:13px; --text-md:14px; --text-lg:16px; --text-xl:20px; --text-display:32px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px;
  --shadow-popover:0 12px 40px rgb(21 63 75 / 14%);
  --motion-fast:160ms; --ease-out:cubic-bezier(.16,1,.3,1);
  --sidebar-width:250px; --nav-rail-width:60px; --header-height:72px;
  --button-bg:var(--color-brand); --button-fg:var(--primitive-white); --input-border:var(--color-border); --card-radius:var(--radius-lg);
}