/* ========== Theme CSS Variables (Mirror of src/styles/global.css) ==========
   此文件在 Vue 挂载之前被 index.html 引用，供启动加载画面使用主题配色。
   注意：如果新增/修改主题，请同步更新此文件和 src/styles/global.css。
*/

/* 1. 晨雾白 (mist) */
:root, [data-theme="mist"] {
    --bg-primary: #f8fafc;
    --bg-secondary: #e2e8f0;
    --bg-card: #ffffff;
    --accent: #334155;
    --accent-light: #64748b;
    --accent-glow: rgba(100, 116, 139, 0.15);
    --accent-gradient: linear-gradient(135deg, #334155 0%, #94a3b8 100%);
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
}
/* 2. 月光银 (silver) */
[data-theme="silver"] {
    --bg-primary: #eff6ff;
    --bg-secondary: #dbeafe;
    --bg-card: #fafbfc;
    --accent: #1d4ed8;
    --accent-light: #3b82f6;
    --accent-glow: rgba(91, 122, 157, 0.18);
    --accent-gradient: linear-gradient(135deg, #1d4ed8 0%, #60a5fa 100%);
    --text-primary: #1a2332;
    --text-secondary: #3d5068;
    --text-muted: #8895a7;
}
/* 3. 柔米色 (cream) */
[data-theme="cream"] {
    --bg-primary: #fff7ed;
    --bg-secondary: #ffedd5;
    --bg-card: #ffffff;
    --accent: #c2410c;
    --accent-light: #ea580c;
    --accent-glow: rgba(160, 132, 90, 0.16);
    --accent-gradient: linear-gradient(135deg, #c2410c 0%, #fb923c 100%);
    --text-primary: #2d241c;
    --text-secondary: #6b5847;
    --text-muted: #a08b78;
}
/* 4. 极简灰 (minimal) */
[data-theme="minimal"] {
    --bg-primary: #fafafa;
    --bg-secondary: #e5e7eb;
    --bg-card: #ffffff;
    --accent: #111827;
    --accent-light: #374151;
    --accent-glow: rgba(64, 64, 64, 0.08);
    --accent-gradient: linear-gradient(135deg, #111827 0%, #6b7280 100%);
    --text-primary: #171717;
    --text-secondary: #525252;
    --text-muted: #a3a3a3;
}
/* 5. 冰薄荷 (icemint/mint) */
[data-theme="icemint"], [data-theme="mint"] {
    --bg-primary: #ecfdf5;
    --bg-secondary: #d1fae5;
    --bg-card: #ffffff;
    --accent: #047857;
    --accent-light: #10b981;
    --accent-glow: rgba(16, 185, 129, 0.18);
    --accent-gradient: linear-gradient(135deg, #047857 0%, #34d399 100%);
    --text-primary: #1a2e28;
    --text-secondary: #4a6b60;
    --text-muted: #7a9b8e;
}
/* 6. 云朵蓝 (cloud) */
[data-theme="cloud"] {
    --bg-primary: #ecfeff;
    --bg-secondary: #cffafe;
    --bg-card: #ffffff;
    --accent: #0e7490;
    --accent-light: #06b6d4;
    --accent-glow: rgba(14, 165, 233, 0.16);
    --accent-gradient: linear-gradient(135deg, #0e7490 0%, #22d3ee 100%);
    --text-primary: #172554;
    --text-secondary: #37557a;
    --text-muted: #7c94b6;
}
/* 7. 香槟金 (champagne) */
[data-theme="champagne"] {
    --bg-primary: #fffbeb;
    --bg-secondary: #fef3c7;
    --bg-card: #fffdf8;
    --accent: #a16207;
    --accent-light: #ca8a04;
    --accent-glow: rgba(184, 148, 30, 0.15);
    --accent-gradient: linear-gradient(135deg, #a16207 0%, #facc15 100%);
    --text-primary: #3d2f12;
    --text-secondary: #77633a;
    --text-muted: #b49d72;
}
/* 8. 珍珠粉 (pearl) */
[data-theme="pearl"] {
    --bg-primary: #fdf2f8;
    --bg-secondary: #fbcfe8;
    --bg-card: #fffafb;
    --accent: #be185d;
    --accent-light: #db2777;
    --accent-glow: rgba(212, 98, 138, 0.15);
    --accent-gradient: linear-gradient(135deg, #be185d 0%, #f472b6 100%);
    --text-primary: #3f1f2b;
    --text-secondary: #7d5263;
    --text-muted: #b68a99;
}
/* 9. 羊皮纸 (parchment) */
[data-theme="parchment"] {
    --bg-primary: #fef2f2;
    --bg-secondary: #fee2e2;
    --bg-card: #fffdf9;
    --accent: #991b1b;
    --accent-light: #dc2626;
    --accent-glow: rgba(140, 110, 58, 0.14);
    --accent-gradient: linear-gradient(135deg, #991b1b 0%, #f87171 100%);
    --text-primary: #332711;
    --text-secondary: #6e5a35;
    --text-muted: #a58f64;
}
/* 10. 冰川蓝 (glacier) */
[data-theme="glacier"] {
    --bg-primary: #eff6ff;
    --bg-secondary: #dbeafe;
    --bg-card: #f9fbfc;
    --accent: #1e40af;
    --accent-light: #2563eb;
    --accent-glow: rgba(41, 128, 185, 0.15);
    --accent-gradient: linear-gradient(135deg, #1e40af 0%, #38bdf8 100%);
    --text-primary: #143047;
    --text-secondary: #4d6e88;
    --text-muted: #86a0b6;
}
/* 11. 燕麦奶 (oatmilk) */
[data-theme="oatmilk"] {
    --bg-primary: #fff1f2;
    --bg-secondary: #ffe4e6;
    --bg-card: #fffdfb;
    --accent: #be123c;
    --accent-light: #e11d48;
    --accent-glow: rgba(184, 149, 106, 0.14);
    --accent-gradient: linear-gradient(135deg, #be123c 0%, #fb7185 100%);
    --text-primary: #38281d;
    --text-secondary: #715b49;
    --text-muted: #ab927c;
}
/* 12. 淡薰衣草 (lavender) */
[data-theme="lavender"] {
    --bg-primary: #f5f3ff;
    --bg-secondary: #e9d5ff;
    --bg-card: #fbf9ff;
    --accent: #6b21a8;
    --accent-light: #9333ea;
    --accent-glow: rgba(139, 92, 246, 0.15);
    --accent-gradient: linear-gradient(135deg, #6b21a8 0%, #c084fc 100%);
    --text-primary: #2e1f52;
    --text-secondary: #67508f;
    --text-muted: #9d8bc0;
}
/* 13. 贝壳白 (shell) */
[data-theme="shell"] {
    --bg-primary: #fff7ed;
    --bg-secondary: #ffedd5;
    --bg-card: #ffffff;
    --accent: #92400e;
    --accent-light: #d97706;
    --accent-glow: rgba(138, 123, 107, 0.14);
    --accent-gradient: linear-gradient(135deg, #92400e 0%, #f59e0b 100%);
    --text-primary: #2f2822;
    --text-secondary: #61584d;
    --text-muted: #9b9083;
}
/* 14. 水洗棉 (washed) */
[data-theme="washed"] {
    --bg-primary: #f0fdfa;
    --bg-secondary: #ccfbf1;
    --bg-card: #fafbfd;
    --accent: #115e59;
    --accent-light: #0f766e;
    --accent-glow: rgba(107, 130, 153, 0.14);
    --accent-gradient: linear-gradient(135deg, #115e59 0%, #14b8a6 100%);
    --text-primary: #1f2e3d;
    --text-secondary: #506476;
    --text-muted: #8698aa;
}
/* 15. 糖霜白 (frost) */
[data-theme="frost"] {
    --bg-primary: #fefce8;
    --bg-secondary: #fef9c3;
    --bg-card: #ffffff;
    --accent: #4d7c0f;
    --accent-light: #65a30d;
    --accent-glow: rgba(59, 130, 246, 0.12);
    --accent-gradient: linear-gradient(135deg, #4d7c0f 0%, #a3e635 100%);
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
}
/* 16. 午夜蓝 (midnight) */
[data-theme="midnight"] {
    --bg-primary: #020617;
    --bg-secondary: #0b1120;
    --bg-card: #1a2035;
    --accent: #2563eb;
    --accent-light: #60a5fa;
    --accent-glow: rgba(108, 140, 255, 0.25);
    --accent-gradient: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%);
    --text-primary: #e8ecf4;
    --text-secondary: #8892a8;
    --text-muted: #5a6478;
}
/* 17. 石墨灰 (graphite) */
[data-theme="graphite"] {
    --bg-primary: #111111;
    --bg-secondary: #1f2937;
    --bg-card: #2a2b30;
    --accent: #9ca3af;
    --accent-light: #d1d5db;
    --accent-glow: rgba(160, 164, 174, 0.15);
    --accent-gradient: linear-gradient(135deg, #6b7280 0%, #d1d5db 100%);
    --text-primary: #e4e5e8;
    --text-secondary: #9a9ca4;
    --text-muted: #606268;
}
/* 18. 暗夜紫 (nightpurple) */
[data-theme="nightpurple"] {
    --bg-primary: #140a22;
    --bg-secondary: #23123a;
    --bg-card: #231738;
    --accent: #9333ea;
    --accent-light: #c084fc;
    --accent-glow: rgba(167, 139, 250, 0.2);
    --accent-gradient: linear-gradient(135deg, #9333ea 0%, #c084fc 100%);
    --text-primary: #f1eaff;
    --text-secondary: #b8a8d6;
    --text-muted: #7f709d;
}
/* 19. 森林绿 (forest) */
[data-theme="forest"] {
    --bg-primary: #052e16;
    --bg-secondary: #14532d;
    --bg-card: #163024;
    --accent: #16a34a;
    --accent-light: #4ade80;
    --accent-glow: rgba(72, 187, 120, 0.18);
    --accent-gradient: linear-gradient(135deg, #16a34a 0%, #4ade80 100%);
    --text-primary: #e6f4ec;
    --text-secondary: #9cbda9;
    --text-muted: #688573;
}
/* 20. 曜石黑 (obsidian) */
[data-theme="obsidian"] {
    --bg-primary: #0a0a0a;
    --bg-secondary: #1c1917;
    --bg-card: #121214;
    --accent: #ea580c;
    --accent-light: #fb923c;
    --accent-glow: rgba(107, 114, 128, 0.18);
    --accent-gradient: linear-gradient(135deg, #ea580c 0%, #fdba74 100%);
    --text-primary: #f5f5f5;
    --text-secondary: #b3b3b8;
    --text-muted: #6b6b73;
}
/* 21. 深空青 (cybertech) */
[data-theme="cybertech"] {
    --bg-primary: #060810;
    --bg-secondary: #0a0e17;
    --bg-card: #131a2e;
    --accent: #00d4aa;
    --accent-light: #4fc3f7;
    --accent-glow: rgba(0, 212, 170, 0.22);
    --accent-gradient: linear-gradient(135deg, #00d4aa 0%, #4fc3f7 100%);
    --text-primary: #e0e6f0;
    --text-secondary: #8892b0;
    --text-muted: #6b7591;
}
/* 22. 深海蓝 (abyss) */
[data-theme="abyss"] {
    --bg-primary: #030712;
    --bg-secondary: #0c1424;
    --bg-card: #111d33;
    --accent: #0ea5e9;
    --accent-light: #38bdf8;
    --accent-glow: rgba(56, 189, 248, 0.2);
    --accent-gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    --text-primary: #e2eaf4;
    --text-secondary: #8b9bb4;
    --text-muted: #5a6a82;
}
/* 23. 暗红石 (bloodstone) */
[data-theme="bloodstone"] {
    --bg-primary: #1a0505;
    --bg-secondary: #2a0a0a;
    --bg-card: #2e0f0f;
    --accent: #dc2626;
    --accent-light: #f87171;
    --accent-glow: rgba(239, 68, 68, 0.2);
    --accent-gradient: linear-gradient(135deg, #dc2626 0%, #f87171 100%);
    --text-primary: #f5e8e8;
    --text-secondary: #c4a0a0;
    --text-muted: #8a6060;
}
/* 24. 暗夜青 (darkteal) */
[data-theme="darkteal"] {
    --bg-primary: #021f1a;
    --bg-secondary: #05302a;
    --bg-card: #0a3d35;
    --accent: #14b8a6;
    --accent-light: #2dd4bf;
    --accent-glow: rgba(20, 184, 166, 0.2);
    --accent-gradient: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);
    --text-primary: #e0f5f0;
    --text-secondary: #8ec4b8;
    --text-muted: #5a8a80;
}
/* 25. 深玫红 (darkrose) */
[data-theme="darkrose"] {
    --bg-primary: #1a0510;
    --bg-secondary: #2a0a18;
    --bg-card: #2e1020;
    --accent: #e11d48;
    --accent-light: #fb7185;
    --accent-glow: rgba(225, 29, 72, 0.2);
    --accent-gradient: linear-gradient(135deg, #e11d48 0%, #fb7185 100%);
    --text-primary: #fce8ef;
    --text-secondary: #c8909e;
    --text-muted: #8a5e6c;
}
/* 26. 暗金色 (darkgold) */
[data-theme="darkgold"] {
    --bg-primary: #1c1505;
    --bg-secondary: #2a2008;
    --bg-card: #2e2410;
    --accent: #eab308;
    --accent-light: #fde047;
    --accent-glow: rgba(234, 179, 8, 0.18);
    --accent-gradient: linear-gradient(135deg, #eab308 0%, #fde047 100%);
    --text-primary: #f8f0db;
    --text-secondary: #c4b485;
    --text-muted: #8a7c55;
}
/* 27. 深翡翠 (emerald) */
[data-theme="emerald"] {
    --bg-primary: #021410;
    --bg-secondary: #04241d;
    --bg-card: #0a3329;
    --accent: #059669;
    --accent-light: #10b981;
    --accent-glow: rgba(5, 150, 105, 0.2);
    --accent-gradient: linear-gradient(135deg, #059669 0%, #34d399 100%);
    --text-primary: #dcfce7;
    --text-secondary: #86c598;
    --text-muted: #5a8a6e;
}
/* 28. 暗墨蓝 (inkblue) */
[data-theme="inkblue"] {
    --bg-primary: #0a0f1e;
    --bg-secondary: #111830;
    --bg-card: #1a2140;
    --accent: #6366f1;
    --accent-light: #818cf8;
    --accent-glow: rgba(99, 102, 241, 0.2);
    --accent-gradient: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    --text-primary: #e8eaf6;
    --text-secondary: #9499c0;
    --text-muted: #5f6488;
}
/* 29. 深棕褐 (umber) */
[data-theme="umber"] {
    --bg-primary: #1a0f08;
    --bg-secondary: #2a1c10;
    --bg-card: #2e2014;
    --accent: #b45309;
    --accent-light: #d97706;
    --accent-glow: rgba(180, 83, 9, 0.18);
    --accent-gradient: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
    --text-primary: #f5ede0;
    --text-secondary: #c4a878;
    --text-muted: #8a7550;
}
/* 30. 深晶蓝 (crystal) */
[data-theme="crystal"] {
    --bg-primary: #050e1a;
    --bg-secondary: #0a1828;
    --bg-card: #0f1f35;
    --accent: #0284c7;
    --accent-light: #38bdf8;
    --accent-glow: rgba(56, 189, 248, 0.18);
    --accent-gradient: linear-gradient(135deg, #0284c7 0%, #7dd3fc 100%);
    --text-primary: #e0eef8;
    --text-secondary: #88a8c4;
    --text-muted: #5a748a;
}
