/* ============================================================
   主题配色方案（可选加载）
   只有在后台「网站设置 → 配色方案」选了非默认方案时才引入
   ============================================================ */

/* 1. 科技蓝（默认推荐）：稳重专业，深色面用藏青而非纯黑 */
[data-theme="tech-blue"] {
    --primary: #0b5fd0;
    --primary-strong: #084aa8;
    --primary-dark: #0a2540;
    --on-primary: #ffffff;
    --accent: #4a5a6e;
    --accent-light: #dbe7f3;
    --accent-soft: #f4f8fd;
    --bg-light: #f4f8fd;
    --bg-light-2: #e9f1fa;
    --bg-dark: #0b1f38;
    --bg-dark-2: #071628;
    --text-primary: #0f1e2e;
    --text-secondary: #4a5a6e;
    --text-light: #6b7a8d;
    --border: #e3eaf2;
    --border-strong: #cdd9e6;
    --ring: 0 0 0 3px hsla(211, 100%, 44%, .26);
    --glow: 0 0 0 1px rgba(11, 95, 208, .18);
    --grad-brand: linear-gradient(135deg, #0b5fd0 0%, #0a2540 100%);
    --grad-accent: linear-gradient(90deg, #0b5fd0 0%, #1a7ee0 100%);
    --grad-dark: linear-gradient(160deg, #0b1f38 0%, #071628 100%);
}

/* 2. 深海青：沉稳可靠，略带环保意味，适合设备制造/水处理 */
[data-theme="deep-teal"] {
    --primary: #0f6f6c;
    --primary-strong: #0b5754;
    --primary-dark: #08302f;
    --on-primary: #ffffff;
    --accent: #46605e;
    --accent-light: #d3e5e3;
    --accent-soft: #f2f8f7;
    --bg-light: #f2f8f7;
    --bg-light-2: #e4f0ee;
    --bg-dark: #0a2b2a;
    --bg-dark-2: #061d1c;
    --text-primary: #0d2422;
    --text-secondary: #46605e;
    --text-light: #6c8381;
    --border: #dde9e7;
    --border-strong: #c2d6d3;
    --ring: 0 0 0 3px hsla(176, 60%, 26%, .24);
    --glow: 0 0 0 1px rgba(15, 111, 108, .18);
    --grad-brand: linear-gradient(135deg, #0f6f6c 0%, #08302f 100%);
    --grad-accent: linear-gradient(90deg, #0f6f6c 0%, #189a95 100%);
    --grad-dark: linear-gradient(160deg, #0a2b2a 0%, #061d1c 100%);
}

/* 3. 琥珀金：金属质感，强调设备品质与制造能力。
   注意：金色本身亮度高，文字颜色必须实测决定 —— 实测 #9a6b0f 底上
   白字 4.68:1 达标、深色字只有 3.91:1 不达标，所以这里用白字并把主色
   压深到 #8a5f0d（白字 5.2:1，留出余量）。别想当然觉得「浅底要配深字」。*/
[data-theme="amber-gold"] {
    --primary: #8a5f0d;
    --primary-strong: #6f4a09;
    --primary-dark: #3a2a08;
    --on-primary: #ffffff;
    --accent: #5f5236;
    --accent-light: #ece0c8;
    --accent-soft: #fdf9f1;
    --bg-light: #fdf9f1;
    --bg-light-2: #f7efdd;
    --bg-dark: #241a08;
    --bg-dark-2: #150e03;
    --text-primary: #241a08;
    --text-secondary: #5f5236;
    --text-light: #877b60;
    --border: #ece4d4;
    --border-strong: #d8cbae;
    --ring: 0 0 0 3px hsla(38, 82%, 32%, .26);
    --glow: 0 0 0 1px rgba(154, 107, 15, .2);
    --grad-brand: linear-gradient(135deg, #a87c11 0%, #3a2a08 100%);
    --grad-accent: linear-gradient(90deg, #8a5f0d 0%, #c99a2e 100%);
    --grad-dark: linear-gradient(160deg, #241a08 0%, #150e03 100%);
}

/* 4. 正红· 国潮：喜庆有本土识别度。正红铺满容易刺眼且显廉价，
   主色压暗到 #b02429（仍达 AA），建议只在按钮/徽章/图标上用 */
[data-theme="china-red"] {
    --primary: #b02429;
    --primary-strong: #8e1c21;
    --primary-dark: #4a1113;
    --on-primary: #ffffff;
    --accent: #6b4a4b;
    --accent-light: #efd9da;
    --accent-soft: #fef6f6;
    --bg-light: #fef6f6;
    --bg-light-2: #fbe8e8;
    --bg-dark: #3a0e10;
    --bg-dark-2: #26080a;
    --text-primary: #2b0f11;
    --text-secondary: #6b4a4b;
    --text-light: #8d7374;
    --border: #f0dcdc;
    --border-strong: #dcbcbc;
    --ring: 0 0 0 3px hsla(357, 67%, 41%, .26);
    --glow: 0 0 0 1px rgba(176, 36, 41, .18);
    --grad-brand: linear-gradient(135deg, #b02429 0%, #4a1113 100%);
    --grad-accent: linear-gradient(90deg, #b02429 0%, #d1454a 100%);
    --grad-dark: linear-gradient(160deg, #3a0e10 0%, #26080a 100%);
}

/* 5. 墨绿：可靠克制，有工业质感。比正红冷静，比黑白有温度 */
[data-theme="forest-green"] {
    --primary: #1f6b4f;
    --primary-strong: #17553d;
    --primary-dark: #0d2f24;
    --on-primary: #ffffff;
    --accent: #45614f;
    --accent-light: #d2e3d8;
    --accent-soft: #f3f8f5;
    --bg-light: #f3f8f5;
    --bg-light-2: #e6f0ea;
    --bg-dark: #0f2a20;
    --bg-dark-2: #081b14;
    --text-primary: #0f2419;
    --text-secondary: #45614f;
    --text-light: #6c8477;
    --border: #dce9e0;
    --border-strong: #bfd4c6;
    --ring: 0 0 0 3px hsla(157, 52%, 27%, .25);
    --glow: 0 0 0 1px rgba(31, 107, 79, .18);
    --grad-brand: linear-gradient(135deg, #1f6b4f 0%, #0d2f24 100%);
    --grad-accent: linear-gradient(90deg, #1f6b4f 0%, #2f8f6b 100%);
    --grad-dark: linear-gradient(160deg, #0f2a20 0%, #081b14 100%);
}

/* 6. 靛紫：差异化、智能感强。紫色偏梦幻，工业设备建议只用于按钮和徽章 */
[data-theme="indigo-violet"] {
    --primary: #5b3fd4;
    --primary-strong: #4a31b3;
    --primary-dark: #241a4d;
    --on-primary: #ffffff;
    --accent: #5b5570;
    --accent-light: #e0dcf1;
    --accent-soft: #f7f5fd;
    --bg-light: #f7f5fd;
    --bg-light-2: #eeeaf9;
    --bg-dark: #1d1836;
    --bg-dark-2: #120e24;
    --text-primary: #1e1935;
    --text-secondary: #5b5570;
    --text-light: #807a92;
    --border: #e5e1f0;
    --border-strong: #cdc7de;
    --ring: 0 0 0 3px hsla(249, 74%, 53%, .26);
    --glow: 0 0 0 1px rgba(91, 63, 212, .18);
    --grad-brand: linear-gradient(135deg, #5b3fd4 0%, #241a4d 100%);
    --grad-accent: linear-gradient(90deg, #5b3fd4 0%, #7c63e8 100%);
    --grad-dark: linear-gradient(160deg, #1d1836 0%, #120e24 100%);
}

/* ============================================================
   把 style.css 里写死的颜色改为跟随主题
   （阴影/描边等中性色无需改动）
   ============================================================ */

.btn-primary {
    background: var(--primary) !important;
    color: var(--on-primary, #fff) !important;
    border: none;
    box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 1px;
}
.btn-primary:hover {
    background: var(--primary-strong) !important;
    color: var(--on-primary, #fff) !important;
}

.hero {
    background: var(--grad-dark) !important;
    background-color: var(--bg-dark) !important;
}

.footer { background: var(--bg-dark); }

.tag {
    background: var(--accent-soft) !important;
    color: var(--primary) !important;
    box-shadow: 0 0 0 1px var(--accent-light) !important;
}

.form-control:focus,
.msg-field input:focus,
.msg-field textarea:focus {
    border-color: var(--primary) !important;
}

a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--primary) !important;
    outline-offset: 2px;
}

.stat-strip-item .num,
.pd-specs-table td:first-child { color: var(--primary-dark); }
.stat-strip-item:hover { border-color: var(--accent-light); }

a { color: var(--primary); }
a:hover { color: var(--primary-strong); }

.product-card:hover, .news-card:hover, .case-card:hover {
    box-shadow: rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px,
                rgba(0,0,0,0.04) 0px 8px 8px -8px, var(--glow) !important;
}