/* ═══════════════════════════════════════════════════════════════
   FireworkFlow Design Token System
   全局 CSS 变量，所有页面共享
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* ── 背景色 ── */
    --bg-page: #f5f7fb;
    --bg-card: #ffffff;
    --bg-soft: #f8fafc;
    --hover-bg: #f8fafc;

    /* ── 主色 ── */
    --primary: #8b5cf6;
    --primary-light: rgba(139,92,246,.08);

    /* ── 语义色 ── */
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;

    /* ── 文字色 ── */
    --text-main: #0f172a;
    --text-secondary: #64748b;
    --text-muted: #cbd5e1;

    /* ── 边框 ── */
    --border-color: #e9eef5;

    /* ── 阴影 ── */
    --shadow-card: 0 2px 8px rgba(15,23,42,.04);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);

    /* ── 圆角 ── */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-pill: 999px;

    /* ── 过渡 ── */
    --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: 0.2s var(--ease-out);
    --transition-normal: 0.3s var(--ease-out);

    /* ── 字体 ── */
    --font-mono: ui-monospace, 'JetBrains Mono', 'Cascadia Code', Menlo, Monaco, Consolas, monospace;

    /* ── 品牌色（页面专属） ── */
    --brand-alarm: #7c3aed;
    --brand-community: #3b82f6;
    --brand-remote: #f59e0b;
}