/* =====================================================
 * 设计令牌（Design Tokens）
 * 全站统一颜色 / 渐变 / 圆角 / 阴影 / 过渡
 * 供 base.css / components.css / 各 feature CSS 引用
 * ===================================================== */

:root {
    /* ---- 品牌色（主 · 橙红） ---- */
    --brand: #ff5a5d;
    --brand-strong: #ff8a5b;
    --brand-gradient: linear-gradient(135deg, #ff5a5d 0%, #ff8a5b 100%);

    /* ---- 品牌色（次 · 紫，脉轮/按钮） ---- */
    --purple: #7c3aed;
    --purple-2: #6366f1;
    --purple-gradient: linear-gradient(135deg, #7c3aed, #6366f1);

    /* ---- 文字色 ---- */
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a68;
    --text-muted: #8a8aa0;

    /* ---- 背景 ---- */
    --bg-page: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);

    /* ---- 卡片 ---- */
    --card-bg: #ffffff;
    --card-radius: 16px;
    --card-radius-lg: 20px;
    --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);

    /* ---- 通用 ---- */
    --border-color: rgba(0, 0, 0, 0.06);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}