/* ============================================================
   variables.css - CSS变量定义（主题色、间距、阴影等）
   包含亮色模式默认值和暗色模式覆盖
   ============================================================ */

:root{
  --c-primary:#0071E3;
  --c-primary-light:#E8F4FD;
  --c-primary-dark:#005BB5;
  --c-danger:#FF3B30;
  --c-danger-bg:#FFF0EF;
  --c-warning:#FF9500;
  --c-warning-bg:#FFF5E6;
  --c-success:#34C759;
  --c-success-bg:#EEF9F0;
  --c-info:#0071E3;
  --c-info-bg:#E8F4FD;
  --c-gray-50:#F5F5F7;
  --c-gray-100:#E8E8ED;
  --c-gray-200:#D2D2D7;
  --c-gray-400:#86868B;
  --c-gray-600:#6E6E73;
  --c-gray-800:#1D1D1F;
  --c-gray-900:#1D1D1F;
  --c-white:#FFFFFF;
  --c-surface:#FFFFFF;
  --c-bg:var(--c-gray-50);
  --c-text:var(--c-gray-800);
  --c-border:var(--c-gray-200);
  --shadow-sm:0 4px 16px rgba(0,0,0,0.04);
  --shadow-md:0 8px 32px rgba(0,0,0,0.06);
  --shadow-lg:0 20px 60px rgba(0,0,0,0.08);
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:20px;
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;
}

/* Dark Mode */
html[data-theme="dark"]{
  --c-primary:#0A84FF;
  --c-primary-light:#1C2F4A;
  --c-primary-dark:#0071E3;
  --c-danger:#FF453A;
  --c-danger-bg:#3A1A1A;
  --c-warning:#FF9F0A;
  --c-warning-bg:#3A2A10;
  --c-success:#30D158;
  --c-success-bg:#1A3A24;
  --c-info:#0A84FF;
  --c-info-bg:#1C2F4A;
  --c-gray-50:#000000;
  --c-gray-100:#1C1C1E;
  --c-gray-200:#38383A;
  --c-gray-400:#8E8E93;
  --c-gray-600:#8E8E93;
  --c-gray-800:#FFFFFF;
  --c-gray-900:#FFFFFF;
  --c-white:#FFFFFF;
  --c-surface:#1C1C1E;
  --c-bg:var(--c-gray-50);
  --c-text:var(--c-gray-800);
  --c-border:var(--c-gray-200);
  --shadow-sm:0 4px 16px rgba(0,0,0,0.3);
  --shadow-md:0 8px 32px rgba(0,0,0,0.4);
  --shadow-lg:0 20px 60px rgba(0,0,0,0.5);
}