/* XKY 设计令牌 — Modern Industrial ERP
 * 参考：风格提示词.md
 * 全站通过 var(--sci-*) 引用，后续阶段只改此文件即可换肤
 */
:root {
  /* ── 表面 ── */
  --sci-bg: #f8fafc;
  --sci-surface: #ffffff;
  --sci-raised: #f1f5f9;
  --sci-border: #e2e8f0;
  --sci-border-strong: #cbd5e1;

  /* ── 文字 ── */
  --sci-text: #0f172a;
  --sci-text-secondary: #334155;
  --sci-muted: #64748b;
  --sci-muted-light: #94a3b8;

  /* ── 品牌色 ── */
  --sci-blue: #2563eb;
  --sci-blue-hover: #1d4ed8;
  --sci-green: #16a34a;
  --sci-yellow: #d97706;
  --sci-red: #dc2626;
  --sci-purple: #7c3aed;
  --sci-gray: #64748b;

  /* ── 语义状态（待处理/进行中/风险/超期/完成）── */
  --status-pending: #64748b;
  --status-pending-bg: #f1f5f9;
  --status-pending-border: #e2e8f0;

  --status-active: #2563eb;
  --status-active-bg: #eff6ff;
  --status-active-border: #bfdbfe;

  --status-warning: #d97706;
  --status-warning-bg: #fffbeb;
  --status-warning-border: #fde68a;

  --status-danger: #dc2626;
  --status-danger-bg: #fef2f2;
  --status-danger-border: #fecaca;

  --status-done: #16a34a;
  --status-done-bg: #f0fdf4;
  --status-done-border: #bbf7d0;

  /* ── 图表 ── */
  --sci-chart-grid: #e2e8f0;
  --sci-chart-tick: #64748b;
  --sci-chart-series: #2563eb, #16a34a, #d97706, #7c3aed, #dc2626, #64748b;

  /* ── 间距 ── */
  --sci-space-xs: 4px;
  --sci-space-sm: 8px;
  --sci-space-md: 12px;
  --sci-space-lg: 16px;
  --sci-space-xl: 24px;
  --sci-space-2xl: 32px;

  /* ── 圆角（卡片统一 8px）── */
  --sci-radius-sm: 4px;
  --sci-radius-md: 6px;
  --sci-radius-lg: 8px;
  --sci-radius-xl: 12px;

  /* ── 阴影（极弱）── */
  --sci-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --sci-shadow-md: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 12px rgba(15, 23, 42, 0.04);

  /* ── 触控与表格 ── */
  --sci-touch-min: 44px;
  --sci-table-row-height: 42px;

  /* ── 字体 ── */
  --sci-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --sci-font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --sci-font-xs: 0.75rem;   /* 12px 辅助 */
  --sci-font-sm: 0.8125rem; /* 13px */
  --sci-font-md: 0.875rem;  /* 14px 正文 */
  --sci-font-lg: 1rem;      /* 16px */
  --sci-font-module: 1.125rem; /* 18px 模块标题 */
  --sci-font-page: 1.75rem;    /* 28px 页面标题 */

  /* ── 布局宽度 ── */
  --sci-sidebar-width: 14rem;
  --sci-content-max: 1400px;

  /* ── 响应式断点（与 base.html / mobile_shell.js 一致）── */
  --sci-bp-mobile: 768px;
  --sci-bp-sidebar: 1023px;
  --sci-bp-desktop: 1024px;

  /* ── App 壳层（≤768px 或 Capacitor native）── */
  --app-header-height: 52px;
  --app-tab-height: 56px;
  --app-card-radius: 12px;
  --app-page-padding: 16px;
  --app-section-gap: 20px;
  --app-title-size: 17px;
  --app-body-size: 15px;
  --app-caption-size: 13px;
  --app-top-gap: 10px;
  --app-content-bottom: calc(var(--app-tab-height) + 12px + env(safe-area-inset-bottom, 0px));

  /* ── 桌面首页 mockup ── */
  --sci-home-aside-width: 320px;
  --sci-home-card-radius: 12px;
  --sci-home-card-padding: 16px;
  --sci-home-task-gap: 12px;
  --sci-home-section-gap: 24px;
  --sci-home-kpi-min-height: 120px;
  --sci-quick-blue: #2563eb;
  --sci-quick-purple: #7c3aed;
  --sci-quick-orange: #ea580c;
  --sci-quick-green: #16a34a;
  --sci-quick-indigo: #4f46e5;
}