/* ====================================
   多套前端主题 — CSS变量驱动
   通过 data-theme 属性切换：
   default | dark | rose
   ==================================== */

/* ========== 主题1：清新蓝（默认） ========== */
[data-theme="default"] {
    --bg-primary: #f5f7fa;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-header: rgba(255,255,255,0.95);
    --bg-footer: #1a1a2e;
    --text-primary: #1a1a2e;
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-inverse: #ffffff;
    --color-accent: #4361ee;
    --color-accent-hover: #3a56d4;
    --color-accent2: #7209b7;
    --color-success: #06d6a0;
    --color-danger: #ef476f;
    --color-warning: #f7931e;
    --border-color: #f0f0f0;
    --border-light: #e8e8e8;
    --shadow-sm: 0 1px 4px rgba(0,0,0,0.03);
    --shadow-md: 0 2px 12px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
    --gradient-hero: linear-gradient(135deg, #4361ee 0%, #7209b7 100%);
    --gradient-card: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

/* ========== 主题2：暗夜黑 ========== */
[data-theme="dark"] {
    --bg-primary: #0a0e27;
    --bg-secondary: #111636;
    --bg-card: rgba(255,255,255,0.04);
    --bg-header: rgba(10,14,39,0.92);
    --bg-footer: #060914;
    --text-primary: #e0e6ed;
    --text-secondary: rgba(255,255,255,0.55);
    --text-muted: rgba(255,255,255,0.35);
    --text-inverse: #0a0e27;
    --color-accent: #6366f1;
    --color-accent-hover: #818cf8;
    --color-accent2: #a855f7;
    --color-success: #10b981;
    --color-danger: #f43f5e;
    --color-warning: #f59e0b;
    --border-color: rgba(255,255,255,0.08);
    --border-light: rgba(255,255,255,0.12);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
    --gradient-hero: linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%);
    --gradient-card: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

/* ========== 主题3：玫红紫 ========== */
[data-theme="rose"] {
    --bg-primary: #fdf2f8;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-header: rgba(255,255,255,0.95);
    --bg-footer: #4a1942;
    --text-primary: #831843;
    --text-secondary: #9d174d;
    --text-muted: #be185d;
    --text-inverse: #ffffff;
    --color-accent: #db2777;
    --color-accent-hover: #be185d;
    --color-accent2: #9333ea;
    --color-success: #059669;
    --color-danger: #e11d48;
    --color-warning: #ea580c;
    --border-color: #fce7f3;
    --border-light: #fbcfe8;
    --shadow-sm: 0 1px 4px rgba(219,39,119,0.04);
    --shadow-md: 0 2px 12px rgba(219,39,119,0.08);
    --shadow-lg: 0 8px 24px rgba(219,39,119,0.1);
    --gradient-hero: linear-gradient(135deg, #db2777 0%, #9333ea 100%);
    --gradient-card: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

/* ========== 主题4：热情红 ========== */
[data-theme="four"] {
    --bg-primary: #fef2f2;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-header: rgba(255,255,255,0.95);
    --bg-footer: #450a0a;
    --text-primary: #450a0a;
    --text-secondary: #7f1d1d;
    --text-muted: #991b1b;
    --text-inverse: #ffffff;
    --color-accent: #ef476f;
    --color-accent-hover: #dc2626;
    --color-accent2: #f43f5e;
    --color-success: #059669;
    --color-danger: #e11d48;
    --color-warning: #f59e0b;
    --border-color: #fee2e2;
    --border-light: #fecaca;
    --shadow-sm: 0 1px 4px rgba(239,71,111,0.04);
    --shadow-md: 0 2px 12px rgba(239,71,111,0.08);
    --shadow-lg: 0 8px 24px rgba(239,71,111,0.1);
    --gradient-hero: linear-gradient(135deg, #ef476f 0%, #dc2626 100%);
    --gradient-card: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

/* ========== 主题5：深邃紫 ========== */
[data-theme="five"] {
    --bg-primary: #faf5ff;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-header: rgba(255,255,255,0.95);
    --bg-footer: #1a0533;
    --text-primary: #2d1b4a;
    --text-secondary: #581c87;
    --text-muted: #7e22ce;
    --text-inverse: #ffffff;
    --color-accent: #7209b7;
    --color-accent-hover: #9333ea;
    --color-accent2: #a855f7;
    --color-success: #059669;
    --color-danger: #e11d48;
    --color-warning: #f59e0b;
    --border-color: #f3e8ff;
    --border-light: #e9d5ff;
    --shadow-sm: 0 1px 4px rgba(114,9,183,0.04);
    --shadow-md: 0 2px 12px rgba(114,9,183,0.08);
    --shadow-lg: 0 8px 24px rgba(114,9,183,0.1);
    --gradient-hero: linear-gradient(135deg, #7209b7 0%, #3a0ca3 100%);
    --gradient-card: linear-gradient(135deg, #9333ea 0%, #6d28d9 100%);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}