/* ==========================================================
   tokens.css — AI 采购中介系统 v5.0 设计 Token(单一 source of truth)
   来源:China Sourcing OS 设计系统 v1.0(信任蓝 + 暖橙 + Slate + 深色 navy)
   2026-09-12 改动:
     - --r-md:10px -> 8px(用户视觉一致性要求)
     - 新增 legacy aliases:--shadow-sm/md、--ok/danger/warn
       (兼容 upload.css/account/_layout.css 等历史命名)
     - topnav.css / account 子页之前未引用本文件,补上 link。
   ========================================================== */
:root{
  /* 品牌色 —— 信任蓝 Sourcing Blue(结构与确认) */
  --brand-50:#EEF4FF; --brand-100:#DCE7FD; --brand-200:#BFD2FB;
  --brand-300:#93B4F7; --brand-400:#608FF1; --brand-500:#3B6FEB;
  --brand-600:#2456DC; --brand-700:#1B44B5; --brand-800:#16378F;
  --brand-900:#122B6B;

  /* 强调色 —— 暖橙 Warm Amber(转化/行动,每屏 ≤1 处) */
  --accent-50:#FFF6ED; --accent-100:#FFE9D5; --accent-300:#FFC287;
  --accent-500:#FF8A3D; --accent-600:#F56E11; --accent-700:#C9530A;

  /* 紫色 —— Private Label / OEM-Modify 备用 */
  --purple-50:#F3EEFE; --purple-100:#E5D8FB; --purple-200:#CDB6F5;
  --purple-500:#8B5CF6; --purple-600:#7C3AED; --purple-700:#6D28D9;

  /* 中性色 —— 蓝灰 Slate */
  --ink-0:#FFFFFF; --ink-25:#F7F9FC; --ink-50:#F1F4F9; --ink-100:#E6EAF2;
  --ink-200:#D3DAE6; --ink-300:#ADB9CC; --ink-400:#8296AF;
  --ink-500:#5F7391; --ink-600:#47597A; --ink-700:#364663;
  --ink-800:#232F47; --ink-900:#141D31; --ink-950:#0B1220;

  /* 语义色 */
  --success-600:#16A34A; --success-bg:#E8F7EE;
  --warning-600:#D97706; --warning-bg:#FDF3E3;
  --danger-600:#DC2626;  --danger-bg:#FDECEC;
  --info-600:#2456DC;    --info-bg:#EEF4FF;

  /* 深色工作台(侧栏/顶栏) */
  --navy-900:#0F1B33; --navy-800:#16233F; --navy-700:#1E2E4E;

  /* 字体 */
  --font-sans:"Inter","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono","SF Mono",Consolas,"Courier New",monospace;

  /* 字号 */
  --text-xs:12px; --text-sm:13px; --text-base:14px; --text-md:16px;
  --text-lg:18px; --text-xl:22px; --text-2xl:28px; --text-3xl:36px;

  /* 间距(4px 网格) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;

  /* 圆角 */
  --r-sm:6px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-full:999px;

  /* 阴影 */
  --shadow-1:0 1px 2px rgba(11,18,32,.06), 0 1px 3px rgba(11,18,32,.05);
  --shadow-2:0 4px 10px rgba(11,18,32,.07), 0 2px 4px rgba(11,18,32,.05);
  --shadow-3:0 12px 28px rgba(11,18,32,.12), 0 4px 8px rgba(11,18,32,.06);
  --shadow-brand:0 6px 16px rgba(36,86,220,.28);
  --shadow-accent:0 6px 16px rgba(245,110,17,.28);

  /* 布局 */
  --sidebar-w:220px; --topbar-h:56px;

  /* ---------- 兼容别名 ---------- */
  --shadow-sm:0 1px 2px rgba(15,27,51,.04);
  --shadow-md:0 2px 8px rgba(15,27,51,.06);
  --ok:#16A34A;
  --danger:#DC2626;
  --warn:#D97706;

  /* ---------- Account 子页 legacy aliases(_layout.css + account-settings.css) ---------- */
  --bg-page:#F8FAFC;
  --bg-card:#FFFFFF;
  --bg-card-hover:#FAFBFF;
  --bg-icon:#EEF2FF;
  --bg-icon-billing:#ECFEFF;
  --bg-icon-notify:#FEF3C7;
  --bg-icon-privacy:#F1F5F9;
  --color-icon:#4338CA;
  --color-icon-billing:#0891B2;
  --color-icon-notify:#B45309;
  --color-icon-privacy:#334155;
  --border:#E2E8F0;
  --border-card:#EEF2F7;
  --border-input:#CBD5E1;
  --text-primary:#0F172A;
  --text-secondary:#64748B;
  --text-hint:#94A3B8;
  --text-link:#4338CA;
  --shadow-card:0 1px 2px rgba(15,23,42,.04);
  --shadow-card-hover:0 6px 16px rgba(15,23,42,.06),0 2px 4px rgba(15,23,42,.03);
  --radius-card:14px;
  --radius-icon:12px;
  --radius-input:10px;
  --badge-bg:#FEF3C7;
  --badge-text:#B45309;
  --badge-success-bg:#DCFCE7;
  --badge-success-text:#166534;
  --badge-danger-bg:#FEE2E2;
  --badge-danger-text:#B91C1C;
  --cta-bg:#F97316;
  --cta-bg-hover:#EA580C;
  --cta-text:#FFFFFF;
  --primary:#4338CA;
  --primary-hover:#3730A3;
  --danger:#DC2626;
  --danger-hover:#B91C1C;
}