/* ============================================================
   体育新闻库管理后台 · Design Tokens (可独立引入)
   UI Designer · 供前端工程直接 import / 拷贝
   默认主题：明亮（data-theme="light"）；暗色为 data-theme="dark"
   维护原则：仅改这里即可全站换肤，组件不要写死颜色
   ============================================================ */

:root {
  /* 品牌主色：沿用现有 AntD 蓝体系（熟悉、专业），运动绿作语义/品牌点缀 */
  --brand-50:  #eff6ff;
  --brand-100: #dbeafe;
  --brand-200: #bfdbfe;
  --brand-300: #93c5fd;
  --brand-400: #60a5fa;
  --brand-500: #4f8ff7;   /* 主色（沿用现有后台蓝） */
  --brand-600: #3b82f6;
  --brand-700: #2563eb;
  --brand-800: #1d4ed8;
  --brand-900: #1e40af;

  /* 运动绿（通过 / 体育语义） */
  --sport-400: #34d399;
  --sport-500: #22c55e;
  --sport-600: #16a34a;

  /* 数据强调色（链接/图表次轴） */
  --accent-400: #38bdf8;
  --accent-500: #0ea5e9;
  --accent-600: #0284c7;

  /* 语义色 */
  --success: #22c55e;
  --warning: #f59e0b;
  --danger:  #ef4444;
  --info:    #3b82f6;

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

  /* 间距（4px 基准） */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px;

  /* 字体 */
  --font-sans: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* 字号 */
  --t-xs: 12px; --t-sm: 13px; --t-base: 14px; --t-md: 15px; --t-lg: 18px;
  --t-xl: 22px; --t-2xl: 28px; --t-3xl: 34px;

  /* 过渡 */
  --ease: cubic-bezier(.4,0,.2,1);
  --t-fast: 140ms var(--ease);
  --t-norm: 240ms var(--ease);
  --t-slow: 380ms var(--ease);

  --sidebar-w: 256px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 62px;
}

/* ---------- 暗色主题（更柔和的深蓝灰，不再死黑） ---------- */
[data-theme="dark"] {
  color-scheme: dark;
  --bg:        #0f172a;
  --bg-grad-a: #131c30;
  --bg-grad-b: #0b1220;
  --surface:   #18223a;
  --surface-2: #1e2a47;
  --surface-3: #25324f;
  --surface-hover: #202c4a;
  --border:    #2a3654;
  --border-strong: #3a486a;
  --text:      #eef2f9;
  --text-2:    #b3bdce;
  --text-3:    #7c89a2;
  --brand:     var(--brand-400);
  --brand-soft: rgba(96,165,250,.18);
  --brand-soft-2: rgba(96,165,250,.32);
  --accent:    var(--accent-400);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.28);
  --shadow-md: 0 10px 28px rgba(0,0,0,.34);
  --shadow-lg: 0 22px 52px rgba(0,0,0,.42);
  --glass: rgba(24,34,58,.74);
  --ring: rgba(96,165,250,.5);
}

/* ---------- 亮色主题（默认，通透明亮） ---------- */
[data-theme="light"] {
  color-scheme: light;
  --bg:        #eef2f8;
  --bg-grad-a: #fbfdff;
  --bg-grad-b: #e7edf6;
  --surface:   #ffffff;
  --surface-2: #f6f9fd;
  --surface-3: #eef3fa;
  --surface-hover: #eef3fb;
  --border:    #e2e8f1;
  --border-strong: #cbd6e6;
  --text:      #122036;
  --text-2:    #4c5a72;
  --text-3:    #8593a8;
  --brand:     var(--brand-600);
  --brand-soft: rgba(79,143,247,.12);
  --brand-soft-2: rgba(79,143,247,.22);
  --accent:    var(--accent-600);
  --shadow-sm: 0 1px 2px rgba(16,24,40,.05);
  --shadow-md: 0 10px 28px rgba(16,24,40,.09);
  --shadow-lg: 0 22px 50px rgba(16,24,40,.13);
  --glass: rgba(255,255,255,.82);
  --ring: rgba(79,143,247,.4);
}