/* 极昼 Arctic 主题令牌：净浅灰蓝、纯白卡片、靛蓝 #4f46e5、近黑墨蓝前景、更圆 12px、极淡双层阴影。
   布局参考《高端商务浅色》框架（01-enterprise-light.html），配色为「极昼」设计语言。
   变量名是前端契约：admin.js/admin.tables.js 大量内联 var(--x) 引用，名字不可改（值可改）。
   上层新增 01 布局变量体系（--surface/--primary/...），与新 loayout 共用。 */
:root {
  --bg: #f6f7fb;
  --bg-soft: #ffffff;
  --fg: #10142a;
  --fg-muted: #5b6472;
  --accent: #4f46e5;
  --border: #e8eaef;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --accent-fg: #ffffff;
  --success: #16a34a;
  /* 加深绿：用于小字徽章/提示文本（--success 在浅底上对比度仅 ~2.7:1，不达 AA 4.5:1）。 */
  --success-strong: #15803d;
  --danger: #dc2626;

  /* 间距梯度 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;

  /* 字号梯度 */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-stat: 28px;

  /* 圆角梯度（极昼更圆润） */
  --radius-sm: 10px;
  --radius: 12px;
  --radius-md: 14px;
  --radius-lg: 16px;

  /* 阴影梯度（极昼极淡双层，克制） */
  --shadow-sm: 0 1px 2px rgba(16, 20, 42, 0.04), 0 2px 6px rgba(16, 20, 42, 0.03);
  --shadow: 0 4px 10px -2px rgba(16, 20, 42, 0.06), 0 2px 5px -2px rgba(16, 20, 42, 0.04);
  --shadow-lg: 0 16px 36px -12px rgba(16, 20, 42, 0.12), 0 4px 14px -8px rgba(16, 20, 42, 0.07);

  /* 触控目标最小尺寸 */
  --touch: 44px;

  /* 布局变量（侧栏/顶栏，所有主题共享同名变量） */
  --topbar-h: 56px;
  --topbar-bg: rgba(255, 255, 255, 0.82);
  --sidebar-w: 236px;
  --sidebar-bg: #ffffff;
  --sidebar-fg: #10142a;
  --sidebar-fg-muted: #5b6472;
  --sidebar-group-fg: #8b93a3;
  --sidebar-item-hover: #f7f8fc;
  --sidebar-active-bg: #eef0fe;
  --sidebar-active-fg: #4338ca;

  /* ===== 01 极昼布局变量体系（新 layout 使用，admin.js 旧契约亦兼容读取） ===== */
  --surface: #ffffff;
  --surface-2: #f7f8fc;
  --surface-3: #f0f1f6;
  --fg-faint: #6d7686;
  --border-strong: #dfe2ea;
  --primary: #4f46e5;
  --primary-600: #4338ca;
  --primary-700: #3730a3;
  --primary-soft: #eef0fe;
  --primary-faint: #f6f6ff;
  --success-fg: #15803d;
  --success-bg: #ecfdf5;
  --danger-fg: #b91c1c;
  --danger-bg: #fef2f2;
  --warning: #d97706;
  --warning-fg: #b45309;
  --warning-bg: #fffbeb;
  --info: #3b82f6;
  --info-fg: #2563eb;
  --info-bg: #eff6ff;
  --shadow-md: 0 4px 10px -2px rgba(16, 20, 42, 0.06), 0 2px 5px -2px rgba(16, 20, 42, 0.04);
}