/* ============================================
   主题变量 - 统一设计系统
   ============================================ */

:root {
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --primary-light: #93bbfc;
    --secondary: #6366f1;
    --accent: #0ea5e9;

    /* 背景 - 简约渐变 */
    --bg-start: #dbeafe;
    --bg-end: #e0e7ff;

    /* 玻璃/卡片效果 */
    --card-bg: rgba(255, 255, 255, 0.78);
    --card-border: rgba(255, 255, 255, 0.65);
    --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.12);
    --glass: rgba(255, 255, 255, 0.3);
    --glass-strong: rgba(255, 255, 255, 0.55);

    /* 文字 */
    --text: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;

    /* 功能 */
    --success: #16a34a;
    --error: #dc2626;
    --warning: #d97706;

    /* 间距 (8px base) */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* 圆角 */
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-full: 9999px;

    /* 字体 */
    --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Noto Sans SC', sans-serif;

    /* 动画 */
    --ease: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --bounce: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ===== 主题：森林绿 ===== */
.theme-forest {
    --primary: #16a34a;
    --primary-dark: #15803d;
    --primary-light: #86efac;
    --secondary: #14b8a6;
    --accent: #65a30d;
    --bg-start: #dcfce7;
    --bg-end: #ccfbf1;
}

/* ===== 主题：极光紫 ===== */
.theme-aurora {
    --primary: #8b5cf6;
    --primary-dark: #7c3aed;
    --primary-light: #c4b5fd;
    --secondary: #d946ef;
    --accent: #ec4899;
    --bg-start: #ede9fe;
    --bg-end: #fce7f3;
}

/* ===== 主题：日落橙 ===== */
.theme-sunset {
    --primary: #ea580c;
    --primary-dark: #c2410c;
    --primary-light: #fdba74;
    --secondary: #e11d48;
    --accent: #f59e0b;
    --bg-start: #fff7ed;
    --bg-end: #fef2f2;
}

/* ===== 主题：星空灰 ===== */
.theme-starlight {
    --primary: #64748b;
    --primary-dark: #475569;
    --primary-light: #cbd5e1;
    --secondary: #818cf8;
    --accent: #94a3b8;
    --bg-start: #f1f5f9;
    --bg-end: #e2e8f0;
}