/* SignFlow 设计令牌 |
   :root / dark 两块从 style.css 逐字搬迁，取值命名未变；其后 :root 为新增令牌
   依赖：无（必须最先加载） */
/* === 设计令牌 Light === */
:root {
    /* Light theme */
    --bg-primary: #f0f4f8;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f8fafc;
    --bg-glass: rgba(255, 255, 255, 0.7);
    --bg-glass-border: rgba(255, 255, 255, 0.3);
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-tertiary: #94a3b8;
    --accent: #4f46e5;
    --accent-light: #818cf8;
    --accent-dark: #3730a3;
    --accent-glow: rgba(79, 70, 229, 0.15);
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #0ea5e9;
    --border: rgba(0, 0, 0, 0.08);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 30px var(--accent-glow);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* === 设计令牌 Dark === */
[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #1a2332;
    --bg-glass: rgba(30, 41, 59, 0.6);
    --bg-glass-border: rgba(255, 255, 255, 0.08);
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;
    --border: rgba(255, 255, 255, 0.08);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.4);
}

/* —— 以下是本次新增令牌，不影响任何既有取值 —— */
:root {
    /* 间距 */
    --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-md: 14px;
    --fs-lg: 16px;
    --fs-xl: 20px;
    --fs-2xl: 24px;

    /* 圆角 / 触控高度 / 层级 / 时长 */
    --radius-xs: 6px;
    --btn-h: 40px;
    --btn-h-lg: 44px;        /* 窄屏触控目标 ≥44px */
    --z-sticky: 900;
    --z-modal: 1000;
    --z-toast: 1100;
    --dur-fast: 0.15s;
    --dur-base: 0.3s;        /* 新代码用 --dur-*，--transition 保留兼容 */

    /* 原 17 处硬编码色值的令牌化：取值与原先完全一致 */
    --badge-draft-bg: rgba(100, 116, 139, 0.15);
    --badge-draft-fg: #64748b;
    --badge-success-bg: rgba(16, 185, 129, 0.15);
    --badge-warning-bg: rgba(245, 158, 11, 0.15);
    --badge-info-bg: rgba(14, 165, 233, 0.15);
    --info-glow-soft: rgba(14, 165, 233, 0.08);
    --info-veil: rgba(14, 165, 233, 0.1);
    --accent-ring: rgba(79, 70, 229, 0.2);
    --border-dashed: rgba(100, 116, 139, 0.25);
    --border-strong: rgba(100, 116, 139, 0.5);
    --success-light: #34d399;
    --danger-ring: rgba(239, 68, 68, 0.5);
    --danger-ring-fade: rgba(239, 68, 68, 0);
    --scrim: rgba(0, 0, 0, 0.5);
    --scrim-soft: rgba(0, 0, 0, 0.3);
    --shadow-up: 0 -4px 12px rgba(0, 0, 0, 0.06);
    --scroll-fade: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), transparent);
    --watermark-fg: #94a3b8;
    /* 以下 4 个令牌此前被模板/JS 引用但从未定义（对应样式实际失效），
       这里别名到主题令牌，浅色/深色都跟随主题 */
    --bg-card: var(--bg-secondary);        /* login.html 登录卡片 */
    --border-color: var(--border);         /* login.html 登录卡片边框 */
    --bg-elevated: var(--bg-tertiary);     /* progress 批量任务弹窗的轮次卡片 */
    --border-light: var(--border);         /* dashboard 列表项分隔线 */
}