/**
 * Header colour presets — same markup as classic shell; body[data-header-chrome].
 * "classic" = no overrides (admin primary + header-brand.css defaults).
 * Dark + light tuned for contrast on nav, search, badges, shell-accent.
 */

/* ——— Ruby — warm rose / crimson ——— */
body[data-header-chrome="ruby"] {
    --accent-color: #e11d48;
    --shell-accent: #f43f5e;
    --brand-red: #9f1239;
    --brand-red-deep: #4c0519;
    --brand-red-bright: #fb7185;
    --brand-gold: #fda4af;
    --brand-gold-soft: rgba(251, 113, 133, 0.35);
    --brand-gold-muted: #f472b6;
    --header-surface: linear-gradient(105deg, rgba(76, 5, 30, 0.97) 0%, rgba(12, 8, 14, 0.98) 100%);
    --header-border-glow: rgba(251, 113, 133, 0.28);
    --nav-pill-active-bg: rgba(244, 63, 94, 0.22);
    --nav-pill-active-border: rgba(251, 113, 133, 0.48);
    --nav-pill-active-text: #ffe4e6;
    --nav-pill-active-shadow: 0 0 22px rgba(244, 63, 94, 0.22);
    --hot-badge-bg: linear-gradient(135deg, #e11d48, #881337);
    --hot-badge-text: #fff1f2;
    --platform-chip-border: rgba(251, 113, 133, 0.22);
}

body[data-theme="light"][data-header-chrome="ruby"] {
    --accent-color: #be123c;
    --shell-accent: #e11d48;
    --brand-red-bright: #be123c;
    --brand-gold: #9f1239;
    --brand-gold-muted: #881337;
    --header-surface: linear-gradient(180deg, #fff1f2 0%, #ffffff 55%, #fce7f3 100%);
    --header-border-glow: rgba(190, 18, 60, 0.18);
    --nav-pill-active-bg: rgba(254, 205, 211, 0.95);
    --nav-pill-active-border: rgba(190, 18, 60, 0.35);
    --nav-pill-active-text: #881337;
    --nav-pill-active-shadow: 0 4px 18px rgba(190, 18, 60, 0.12);
    --hot-badge-bg: linear-gradient(135deg, #e11d48, #9f1239);
    --hot-badge-text: #ffffff;
    --platform-chip-border: rgba(190, 18, 60, 0.2);
}

/* ——— Amber — gold / ember (warm) ——— */
body[data-header-chrome="amber"] {
    --accent-color: #ea580c;
    --shell-accent: #f97316;
    --brand-red: #9a3412;
    --brand-red-deep: #431407;
    --brand-red-bright: #fb923c;
    --brand-gold: #fbbf24;
    --brand-gold-soft: rgba(251, 191, 36, 0.4);
    --brand-gold-muted: #f59e0b;
    --header-surface: linear-gradient(105deg, rgba(67, 20, 7, 0.97) 0%, rgba(12, 10, 8, 0.98) 100%);
    --header-border-glow: rgba(251, 191, 36, 0.32);
    --nav-pill-active-bg: rgba(249, 115, 22, 0.2);
    --nav-pill-active-border: rgba(251, 191, 36, 0.45);
    --nav-pill-active-text: #ffedd5;
    --nav-pill-active-shadow: 0 0 22px rgba(249, 115, 22, 0.2);
    --hot-badge-bg: linear-gradient(135deg, #ea580c, #9a3412);
    --hot-badge-text: #fffbeb;
    --platform-chip-border: rgba(251, 191, 36, 0.25);
}

body[data-theme="light"][data-header-chrome="amber"] {
    --accent-color: #c2410c;
    --shell-accent: #ea580c;
    --brand-red-bright: #ea580c;
    --brand-gold: #b45309;
    --brand-gold-muted: #92400e;
    --header-surface: linear-gradient(180deg, #fffbeb 0%, #ffffff 55%, #fef3c7 100%);
    --header-border-glow: rgba(194, 65, 12, 0.2);
    --nav-pill-active-bg: rgba(254, 215, 170, 0.95);
    --nav-pill-active-border: rgba(194, 65, 12, 0.38);
    --nav-pill-active-text: #7c2d12;
    --nav-pill-active-shadow: 0 4px 18px rgba(234, 88, 12, 0.12);
    --hot-badge-bg: linear-gradient(135deg, #ea580c, #9a3412);
    --hot-badge-text: #ffffff;
    --platform-chip-border: rgba(194, 65, 12, 0.22);
}

/* ——— Violet — purple / indigo ——— */
body[data-header-chrome="violet"] {
    --accent-color: #8b5cf6;
    --shell-accent: #a78bfa;
    --brand-red: #5b21b6;
    --brand-red-deep: #1e1b4b;
    --brand-red-bright: #c4b5fd;
    --brand-gold: #e9d5ff;
    --brand-gold-soft: rgba(196, 181, 253, 0.35);
    --brand-gold-muted: #a78bfa;
    --header-surface: linear-gradient(105deg, rgba(49, 46, 129, 0.96) 0%, rgba(10, 8, 20, 0.98) 100%);
    --header-border-glow: rgba(167, 139, 250, 0.35);
    --nav-pill-active-bg: rgba(139, 92, 246, 0.22);
    --nav-pill-active-border: rgba(196, 181, 253, 0.45);
    --nav-pill-active-text: #ede9fe;
    --nav-pill-active-shadow: 0 0 22px rgba(139, 92, 246, 0.22);
    --hot-badge-bg: linear-gradient(135deg, #7c3aed, #4c1d95);
    --hot-badge-text: #f5f3ff;
    --platform-chip-border: rgba(167, 139, 250, 0.28);
}

body[data-theme="light"][data-header-chrome="violet"] {
    --accent-color: #6d28d9;
    --shell-accent: #7c3aed;
    --brand-red-bright: #6d28d9;
    --brand-gold: #5b21b6;
    --brand-gold-muted: #4c1d95;
    --header-surface: linear-gradient(180deg, #f5f3ff 0%, #ffffff 55%, #ede9fe 100%);
    --header-border-glow: rgba(109, 40, 217, 0.18);
    --nav-pill-active-bg: rgba(221, 214, 254, 0.95);
    --nav-pill-active-border: rgba(109, 40, 217, 0.35);
    --nav-pill-active-text: #4c1d95;
    --nav-pill-active-shadow: 0 4px 18px rgba(124, 58, 237, 0.12);
    --hot-badge-bg: linear-gradient(135deg, #7c3aed, #5b21b6);
    --hot-badge-text: #ffffff;
    --platform-chip-border: rgba(109, 40, 217, 0.2);
}

/* ——— Ocean — cyan / teal ——— */
body[data-header-chrome="ocean"] {
    --accent-color: #0891b2;
    --shell-accent: #06b6d4;
    --brand-red: #155e75;
    --brand-red-deep: #083344;
    --brand-red-bright: #22d3ee;
    --brand-gold: #a5f3fc;
    --brand-gold-soft: rgba(34, 211, 238, 0.35);
    --brand-gold-muted: #22d3ee;
    --header-surface: linear-gradient(105deg, rgba(8, 51, 68, 0.97) 0%, rgba(8, 12, 18, 0.98) 100%);
    --header-border-glow: rgba(34, 211, 238, 0.3);
    --nav-pill-active-bg: rgba(6, 182, 212, 0.18);
    --nav-pill-active-border: rgba(34, 211, 238, 0.42);
    --nav-pill-active-text: #ecfeff;
    --nav-pill-active-shadow: 0 0 22px rgba(6, 182, 212, 0.2);
    --hot-badge-bg: linear-gradient(135deg, #0891b2, #164e63);
    --hot-badge-text: #ecfeff;
    --platform-chip-border: rgba(34, 211, 238, 0.25);
}

body[data-theme="light"][data-header-chrome="ocean"] {
    --accent-color: #0e7490;
    --shell-accent: #0891b2;
    --brand-red-bright: #0e7490;
    --brand-gold: #155e75;
    --brand-gold-muted: #164e63;
    --header-surface: linear-gradient(180deg, #ecfeff 0%, #ffffff 55%, #cffafe 100%);
    --header-border-glow: rgba(14, 116, 144, 0.2);
    --nav-pill-active-bg: rgba(165, 243, 252, 0.95);
    --nav-pill-active-border: rgba(14, 116, 144, 0.35);
    --nav-pill-active-text: #164e63;
    --nav-pill-active-shadow: 0 4px 18px rgba(8, 145, 178, 0.12);
    --hot-badge-bg: linear-gradient(135deg, #0891b2, #155e75);
    --hot-badge-text: #ffffff;
    --platform-chip-border: rgba(14, 116, 144, 0.22);
}

/* ——— Emerald — green ——— */
body[data-header-chrome="emerald"] {
    --accent-color: #059669;
    --shell-accent: #10b981;
    --brand-red: #065f46;
    --brand-red-deep: #022c22;
    --brand-red-bright: #34d399;
    --brand-gold: #a7f3d0;
    --brand-gold-soft: rgba(52, 211, 153, 0.35);
    --brand-gold-muted: #34d399;
    --header-surface: linear-gradient(105deg, rgba(6, 47, 35, 0.97) 0%, rgba(8, 12, 12, 0.98) 100%);
    --header-border-glow: rgba(52, 211, 153, 0.28);
    --nav-pill-active-bg: rgba(16, 185, 129, 0.2);
    --nav-pill-active-border: rgba(52, 211, 153, 0.42);
    --nav-pill-active-text: #d1fae5;
    --nav-pill-active-shadow: 0 0 22px rgba(16, 185, 129, 0.2);
    --hot-badge-bg: linear-gradient(135deg, #059669, #064e3b);
    --hot-badge-text: #ecfdf5;
    --platform-chip-border: rgba(52, 211, 153, 0.25);
}

[data-theme="light"] body[data-header-chrome="emerald"] {
    --accent-color: #047857;
    --shell-accent: #059669;
    --brand-red-bright: #047857;
    --brand-gold: #065f46;
    --brand-gold-muted: #064e3b;
    --header-surface: linear-gradient(180deg, #ecfdf5 0%, #ffffff 55%, #d1fae5 100%);
    --header-border-glow: rgba(4, 120, 87, 0.2);
    --nav-pill-active-bg: rgba(167, 243, 208, 0.95);
    --nav-pill-active-border: rgba(4, 120, 87, 0.35);
    --nav-pill-active-text: #064e3b;
    --nav-pill-active-shadow: 0 4px 18px rgba(5, 150, 105, 0.12);
    --hot-badge-bg: linear-gradient(135deg, #059669, #065f46);
    --hot-badge-text: #ffffff;
    --platform-chip-border: rgba(4, 120, 87, 0.22);
}

/* ——— Midnight — cool slate / blue-gray ——— */
body[data-header-chrome="midnight"] {
    --accent-color: #6366f1;
    --shell-accent: #818cf8;
    --brand-red: #312e81;
    --brand-red-deep: #1e1b4b;
    --brand-red-bright: #a5b4fc;
    --brand-gold: #c7d2fe;
    --brand-gold-soft: rgba(129, 140, 248, 0.32);
    --brand-gold-muted: #818cf8;
    --header-surface: linear-gradient(105deg, rgba(15, 23, 42, 0.98) 0%, rgba(8, 10, 18, 0.99) 100%);
    --header-border-glow: rgba(129, 140, 248, 0.22);
    --nav-pill-active-bg: rgba(99, 102, 241, 0.2);
    --nav-pill-active-border: rgba(165, 180, 252, 0.4);
    --nav-pill-active-text: #e0e7ff;
    --nav-pill-active-shadow: 0 0 22px rgba(99, 102, 241, 0.18);
    --hot-badge-bg: linear-gradient(135deg, #4f46e5, #312e81);
    --hot-badge-text: #eef2ff;
    --platform-chip-border: rgba(129, 140, 248, 0.22);
}

body[data-theme="light"][data-header-chrome="midnight"] {
    --accent-color: #4f46e5;
    --shell-accent: #6366f1;
    --brand-red-bright: #4338ca;
    --brand-gold: #3730a3;
    --brand-gold-muted: #312e81;
    --header-surface: linear-gradient(180deg, #eef2ff 0%, #ffffff 55%, #e0e7ff 100%);
    --header-border-glow: rgba(79, 70, 229, 0.18);
    --nav-pill-active-bg: rgba(199, 210, 254, 0.95);
    --nav-pill-active-border: rgba(79, 70, 229, 0.32);
    --nav-pill-active-text: #312e81;
    --nav-pill-active-shadow: 0 4px 18px rgba(79, 70, 229, 0.1);
    --hot-badge-bg: linear-gradient(135deg, #4f46e5, #3730a3);
    --hot-badge-text: #ffffff;
    --platform-chip-border: rgba(79, 70, 229, 0.2);
}