/* ============================================================
   12 款主题 - 基于 CSS 变量
   ============================================================ */

:root,
[data-theme="default-blue"] {
    --p: #2563eb;        --p-h: #1d4ed8;      --p-l: #dbeafe;
    --a: #f59e0b;
    --bg: #f4f6fa;       --surface: #ffffff;
    --text: #1f2937;     --muted: #6b7280;
    --border: #e5e7eb;
    --nav-bg: #1e293b;   --nav-text: #e2e8f0; --nav-active: #3b82f6;
    --shadow: 0 2px 10px rgba(15, 23, 42, .07);
}

[data-theme="dark-night"] {
    --p: #6366f1;        --p-h: #4f46e5;      --p-l: #312e81;
    --a: #fbbf24;
    --bg: #12141c;       --surface: #1b1e2a;
    --text: #e5e7eb;     --muted: #9ca3af;
    --border: #2d3142;
    --nav-bg: #0c0e15;   --nav-text: #cbd5e1; --nav-active: #6366f1;
    --shadow: 0 2px 10px rgba(0, 0, 0, .5);
}

[data-theme="tech-purple"] {
    --p: #7c3aed;        --p-h: #6d28d9;      --p-l: #ede9fe;
    --a: #06b6d4;
    --bg: #f6f4fc;       --surface: #ffffff;
    --text: #231942;     --muted: #6d5f8c;
    --border: #e4ddf5;
    --nav-bg: #2e1065;   --nav-text: #e9d5ff; --nav-active: #8b5cf6;
    --shadow: 0 2px 10px rgba(76, 29, 149, .12);
}

[data-theme="china-red"] {
    --p: #dc2626;        --p-h: #b91c1c;      --p-l: #fee2e2;
    --a: #f59e0b;
    --bg: #fdf6f5;       --surface: #ffffff;
    --text: #2b1414;     --muted: #8a6a6a;
    --border: #f0d8d5;
    --nav-bg: #7f1d1d;   --nav-text: #fee2e2; --nav-active: #ef4444;
    --shadow: 0 2px 10px rgba(127, 29, 29, .12);
}

[data-theme="nature-green"] {
    --p: #16a34a;        --p-h: #15803d;      --p-l: #dcfce7;
    --a: #eab308;
    --bg: #f3f9f4;       --surface: #ffffff;
    --text: #14301b;     --muted: #5f7a68;
    --border: #d8ead9;
    --nav-bg: #14532d;   --nav-text: #dcfce7; --nav-active: #22c55e;
    --shadow: 0 2px 10px rgba(20, 83, 45, .1);
}

[data-theme="energy-orange"] {
    --p: #ea580c;        --p-h: #c2410c;      --p-l: #ffedd5;
    --a: #0ea5e9;
    --bg: #fef7f1;       --surface: #ffffff;
    --text: #3a2410;     --muted: #8a6d52;
    --border: #f5dfc8;
    --nav-bg: #7c2d12;   --nav-text: #ffedd5; --nav-active: #f97316;
    --shadow: 0 2px 10px rgba(124, 45, 18, .12);
}

[data-theme="youth-pink"] {
    --p: #db2777;        --p-h: #be185d;      --p-l: #fce7f3;
    --a: #8b5cf6;
    --bg: #fdf4f9;       --surface: #ffffff;
    --text: #3b1527;     --muted: #8a5c72;
    --border: #f5d6e6;
    --nav-bg: #831843;   --nav-text: #fce7f3; --nav-active: #ec4899;
    --shadow: 0 2px 10px rgba(131, 24, 67, .12);
}

[data-theme="business-indigo"] {
    --p: #4f46e5;        --p-h: #4338ca;      --p-l: #e0e7ff;
    --a: #0d9488;
    --bg: #f5f6fc;       --surface: #ffffff;
    --text: #1a1e3a;     --muted: #63698e;
    --border: #dcdfef;
    --nav-bg: #1e1b4b;   --nav-text: #e0e7ff; --nav-active: #6366f1;
    --shadow: 0 2px 10px rgba(30, 27, 75, .12);
}

[data-theme="teal"] {
    --p: #0d9488;        --p-h: #0f766e;      --p-l: #ccfbf1;
    --a: #f97316;
    --bg: #f1f9f8;       --surface: #ffffff;
    --text: #0f2e2a;     --muted: #587b75;
    --border: #cce8e4;
    --nav-bg: #134e4a;   --nav-text: #ccfbf1; --nav-active: #14b8a6;
    --shadow: 0 2px 10px rgba(19, 78, 74, .12);
}

[data-theme="amber-gold"] {
    --p: #d97706;        --p-h: #b45309;      --p-l: #fef3c7;
    --a: #0d9488;
    --bg: #fdf9f0;       --surface: #ffffff;
    --text: #3a2a08;     --muted: #867350;
    --border: #f1e3c0;
    --nav-bg: #78350f;   --nav-text: #fef3c7; --nav-active: #f59e0b;
    --shadow: 0 2px 10px rgba(120, 53, 15, .14);
}

[data-theme="minimal-gray"] {
    --p: #4b5563;        --p-h: #374151;      --p-l: #e5e7eb;
    --a: #2563eb;
    --bg: #f7f7f8;       --surface: #ffffff;
    --text: #23272e;     --muted: #6b7280;
    --border: #e2e4e8;
    --nav-bg: #23272e;   --nav-text: #e5e7eb; --nav-active: #6b7280;
    --shadow: 0 1px 6px rgba(0, 0, 0, .06);
}

[data-theme="ocean-cyan"] {
    --p: #0891b2;        --p-h: #0e7490;      --p-l: #cffafe;
    --a: #f59e0b;
    --bg: #f1f9fc;       --surface: #ffffff;
    --text: #0c2a33;     --muted: #567784;
    --border: #cbe7ef;
    --nav-bg: #164e63;   --nav-text: #cffafe; --nav-active: #06b6d4;
    --shadow: 0 2px 10px rgba(22, 78, 99, .12);
}