/* 幻方引擎设计系统 · ui-ux-pro-max: Minimalism & Swiss + Data-Dense Dashboard，slate 中性色 + 蓝色主色 + 琥珀强调 */
:root{
  /* Neutral · slate */
  --n-0:#ffffff;--n-25:#fbfcfd;--n-50:#f8fafc;--n-100:#f1f5f9;--n-150:#e9eef4;--n-200:#e2e8f0;--n-250:#d5dde7;
  --n-300:#cbd5e1;--n-400:#94a3b8;--n-500:#64748b;--n-600:#475569;--n-700:#334155;--n-800:#1e293b;--n-900:#0f172a;
  /* Primary · blue */
  --p-25:#f5f9ff;--p-50:#eff6ff;--p-100:#dbeafe;--p-200:#bfdbfe;--p-300:#93c5fd;--p-400:#60a5fa;--p-500:#3b82f6;--p-600:#2563eb;--p-700:#1d4ed8;--p-800:#1e40af;
  /* Semantic */
  --g-50:#ecfdf5;--g-100:#d1fae5;--g-300:#6ee7b7;--g-500:#10b981;--g-600:#059669;--g-700:#047857;--g-800:#065f46;
  --a-50:#fffbeb;--a-100:#fef3c7;--a-200:#fde68a;--a-300:#fcd34d;--a-500:#f59e0b;--a-600:#d97706;--a-700:#b45309;--a-800:#92400e;--a-900:#78350f;
  --r-50:#fef2f2;--r-100:#fee2e2;--r-300:#fca5a5;--r-500:#ef4444;--r-600:#dc2626;--r-700:#b91c1c;
  --v-50:#f5f3ff;--v-100:#ede9fe;--v-300:#c4b5fd;--v-500:#8b5cf6;--v-700:#6d28d9;

  /* Roles */
  --color-background:var(--n-50);--color-surface:var(--n-0);--color-foreground:var(--n-800);
  --color-muted-foreground:var(--n-500);--color-border:var(--n-200);--color-primary:var(--p-600);--color-ring:var(--p-600);

  /* Type scale (最小 11px，正文 13px) */
  --fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;
  --font-sans:"Fira Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --font-mono:"Fira Code",ui-monospace,"SF Mono",Menlo,monospace;

  /* Radius / elevation / motion */
  --radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;
  --shadow-sm:0 1px 2px rgb(15 23 42 / .06);--shadow-md:0 4px 12px rgb(15 23 42 / .08);--shadow-lg:0 12px 32px rgb(15 23 42 / .12);
  --ease:cubic-bezier(.2,0,0,1);--dur:160ms;
}