/**
* WEVEEEE Design Tokens（仅样式，不改功能）
* 用途：给所有页面提供统一的颜色/圆角/阴影/排版基础变量
* 接入方式：在页面 里引入：
*
*/
:root {
/* =========================================
1) Brand
========================================= */
--brand-primary: #2D1350;
--brand-primary-hover: #2D1350;
--brand-primary-active: #2D1350;
--brand-primary-ring: rgba(45, 19, 80, 0.15);
--brand-subtle: rgba(45, 19, 80, 0.06);
--brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary) 100%);
/* 为 Tailwind 的 /xx 透明度语法提供 RGB token（） */
--primary-rgb: 45 19 80;
--primary: rgb(var(--primary-rgb));
--primary-content: #ffffff;
--sidebar-bg-rgb: 0 0 0;
--sidebar-bg: rgb(var(--sidebar-bg-rgb));
/* merged_ui：bg-app #F0F1F3 */
--bg-app-rgb: 240 241 243;
--bg-app: rgb(var(--bg-app-rgb));
--panel-bg-rgb: 255 255 255;
--panel-bg: rgb(var(--panel-bg-rgb));
/* merged_ui：text-main #1A1A1A */
--text-main-rgb: 26 26 26;
--text-main: rgb(var(--text-main-rgb));
/* merged_ui：text-sub #999999 */
--text-sub-rgb: 153 153 153;
--text-sub: rgb(var(--text-sub-rgb));
--border-color: rgba(0, 0, 0, 0);
/* =========================================
2) Neutral palette（对齐 merged_ui：奶灰底 + 黑灰文字）
========================================= */
--ds-bg-page: #F0F1F3; /* bg-app 页面底色 */
--ds-surface: #FFFFFF; /* panel-bg */
--ds-surface-2: rgba(0, 0, 0, 0.02); /* hover 浅底 */
--ds-divider: rgba(0, 0, 0, 0);
--ds-border: rgba(0, 0, 0, 0);
--ds-border-strong: rgba(0, 0, 0, 0);
--ds-text-strong: #1A1A1A; /* text-main */
--ds-text: #1A1A1A;
--ds-text-muted: #999999; /* text-sub */
--ds-text-disabled: rgba(153, 153, 153, 0.65);
/* =========================================
3) Radius（分层圆角体系）
========================================= */
--ds-radius-xs: 6px;
--ds-radius-control: 10px; /* 输入框/小按钮 */
--ds-radius-card: 16px; /* 卡片/弹窗 */
--ds-radius-panel: 22px; /* 大面板/大CTA */
--ds-radius-pill: 999px;
/* =========================================
4) Shadows（对齐 merged_ui：更大范围、更轻的阴影）
========================================= */
--ds-shadow-card: 0 10px 40px -10px rgba(0, 0, 0, 0.05); /* soft */
--ds-shadow-panel: 0 40px 100px -20px rgba(0, 0, 0, 0.05); /* panel */
--ds-shadow-modal: 0 40px 100px -20px rgba(0, 0, 0, 0.05);
--ds-shadow-brand: 0 14px 34px rgba(45, 19, 80, 0.25);
/* merged_ui.html 的命名：便于直接复用 class / Tailwind config */
--shadow-soft: var(--ds-shadow-card);
--shadow-panel: var(--ds-shadow-panel);
--shadow-glow: 0 0 12px rgba(45, 19, 80, 0.20);
/* =========================================
5) Typography（基础排版）
========================================= */
--ds-font-sans: 'Noto Sans SC', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--ds-fs-body: 14px;
--ds-fs-label: 13px;
--ds-fs-sm: 12px;
--ds-lh-normal: 1.5;
--ds-lh-relaxed: 1.6;
/* =========================================
6) Status colors（语义色）
========================================= */
--ds-success: #22C55E;
--ds-warning: #F59E0B;
--ds-error: #EF4444;
--ds-info: #3B82F6;
/* =========================================
7) Legacy bridge（兼容旧变量名，方便逐页迁移）
========================================= */
--primary-color: var(--brand-primary);
--primary-soft: var(--brand-subtle);
--bg-app: var(--ds-bg-page);
--bg-panel: var(--ds-surface);
--bg-canvas: var(--ds-surface);
--bg-input: var(--ds-surface-2);
--bg-hover: rgba(43, 15, 77, 0.04);
--bg-active: rgba(43, 15, 77, 0.08);
--border-light: var(--ds-divider);
--border-medium: var(--ds-border);
--border-dark: var(--ds-border);
--text-primary: var(--ds-text-strong);
--text-secondary: var(--ds-text);
--text-tertiary: var(--ds-text-muted);
--text-muted: var(--ds-text-muted);
--text-disabled: var(--ds-text-disabled);
--text-inverse: #ffffff;
/* 组件库兼容：focus ring */
--brand-primary-light: var(--brand-primary-ring);
/* =========================================
8) Agent 智能体专用 tokens
========================================= */
--agent-accent: #7c6cf0;
--agent-accent-rgb: 124 108 240;
--agent-accent-soft: rgba(124, 108, 240, 0.08);
--agent-accent-medium: rgba(124, 108, 240, 0.15);
--agent-status-idle: #94a3b8;
--agent-status-running: #7c6cf0;
--agent-status-done: #22c55e;
--agent-status-error: #ef4444;
--agent-status-running-bg: rgba(124, 108, 240, 0.10);
--agent-status-done-bg: rgba(34, 197, 94, 0.08);
--agent-status-error-bg: rgba(239, 68, 68, 0.08);
--agent-thinking-bg: rgba(124, 108, 240, 0.04);
--agent-thinking-border: rgba(124, 108, 240, 0.10);
--agent-decision-tag-bg: rgba(124, 108, 240, 0.10);
--agent-decision-tag-color: #7c6cf0;
--agent-card-gap: 12px;
--agent-card-padding: 16px;
--agent-card-radius: 14px;
--agent-panel-padding: 24px;
--agent-panel-radius: 20px;
--agent-transition-fast: 0.15s ease;
--agent-transition-base: 0.25s ease;
--agent-transition-expand: 0.3s cubic-bezier(0.32, 0.72, 0, 1);
--agent-transition-panel: 0.4s cubic-bezier(0.32, 0.72, 0, 1);
--agent-modal-danger: #ef4444;
--agent-modal-info: #3b82f6;
/* =========================================
9) Unified scrollbar tokens
========================================= */
--ds-scrollbar-width: 5px;
--ds-scrollbar-thumb: rgba(15, 23, 42, 0.1);
--ds-scrollbar-thumb-hover: rgba(15, 23, 42, 0.18);
--ds-scrollbar-track: transparent;
/* =========================================
10) Unified tooltip tokens
========================================= */
--ds-tooltip-bg: rgba(15, 23, 42, 0.92);
--ds-tooltip-color: #fff;
--ds-tooltip-radius: 8px;
--ds-tooltip-font-size: 12px;
--ds-tooltip-padding: 6px 12px;
}
/* ── Global body baseline ── */
body {
font-size: var(--ds-fs-body);
color: var(--ds-text-strong);
line-height: var(--ds-lh-normal);
}
/* ── Global unified scrollbar ── */
::-webkit-scrollbar { width: var(--ds-scrollbar-width); height: var(--ds-scrollbar-width); }
::-webkit-scrollbar-track { background: var(--ds-scrollbar-track); }
::-webkit-scrollbar-thumb { background: var(--ds-scrollbar-thumb); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ds-scrollbar-thumb-hover); }