/* ============================================================
   PALETAS DE CORES — LabNote CDSS v3.0 (Full Theme)

   20 paletas: cores puras + tons mistos + pastéis + combos
   Cada paleta sobrescreve TODA a UI (backgrounds, textos,
   bordas, sombras, tabs, tooltips, scrollbar, glass, gauge).

   INTOCÁVEIS (segurança clínica):
   critical/high/moderate/safe/special/status-*
   ============================================================ */


/* ══════════════════════════════════════════════════════════════
   CORES PURAS
   ══════════════════════════════════════════════════════════════ */

/* ─── 1. AZUL MÉDICO (Default — :root) ─── */


/* ─── 2. ESMERALDA ─── */
html[data-palette="esmeralda"] {
    --color-bg-primary: #fafffe; --color-bg-secondary: #ecfdf5; --color-bg-tertiary: #d1fae5;
    --color-bg-elevated: #fafffe; --color-bg-hover: #d1fae5; --color-bg-input: #fafffe;
    --color-bg-input-disabled: #ecfdf5;
    --color-text-primary: #064e3b; --color-text-secondary: #047857; --color-text-tertiary: #059669;
    --color-text-muted: #6ee7b7; --color-text-inverse: #ffffff;
    --color-border-primary: #a7f3d0; --color-border-secondary: #6ee7b7; --color-border-light: #d1fae5;
    --color-border-input: #a7f3d0; --color-border-focus: #10b981;
    --shadow-sm: 0 1px 2px rgba(16,185,129,.06); --shadow-md: 0 4px 8px -1px rgba(16,185,129,.08); --shadow-lg: 0 12px 20px -4px rgba(16,185,129,.1); --shadow-focus: 0 0 0 3px rgba(16,185,129,.18);
    --color-tab-active-bg: #d1fae5; --color-tab-active-text: #059669; --color-tab-hover-bg: #ecfdf5;
    --color-tooltip-bg: linear-gradient(135deg,#064e3b,#065f46); --color-tooltip-text: #d1fae5; --color-tooltip-title: #6ee7b7; --color-tooltip-muted: #6ee7b7;
    --color-scrollbar-thumb: #86efac; --color-scrollbar-thumb-hover: #4ade80;
    --glass-bg: rgba(236,253,245,.96); --glass-border: rgba(167,243,208,.5);
    --color-info-bg: #ecfdf5; --color-info-border: #a7f3d0; --color-info-text: #047857; --color-info-accent: #10b981;
}
html.dark[data-palette="esmeralda"] {
    --color-bg-primary: #021a13; --color-bg-secondary: #03261c; --color-bg-tertiary: #064e3b;
    --color-bg-elevated: #065f46; --color-bg-hover: #065f46; --color-bg-input: #064e3b;
    --color-bg-input-disabled: #03261c;
    --color-text-primary: #d1fae5; --color-text-secondary: #6ee7b7; --color-text-tertiary: #6ee7b7;
    --color-text-muted: #34d399; --color-text-inverse: #021a13;
    --color-border-primary: #065f46; --color-border-secondary: #047857; --color-border-light: #064e3b;
    --color-border-input: #065f46; --color-border-focus: #34d399;
    --shadow-focus: 0 0 0 3px rgba(52,211,153,.28);
    --accent-primary: #34d399; --accent-secondary: #059669; --accent-muted: rgba(52,211,153,.14);
    --color-tab-active-bg: rgba(52,211,153,.14); --color-tab-active-text: #34d399; --color-tab-hover-bg: #064e3b;
    --color-tooltip-bg: linear-gradient(135deg,#03261c,#064e3b); --color-tooltip-text: #d1fae5; --color-tooltip-title: #34d399; --color-tooltip-muted: #6ee7b7;
    --color-scrollbar-track: #021a13; --color-scrollbar-thumb: #065f46; --color-scrollbar-thumb-hover: #047857;
    --glass-bg: rgba(2,26,19,.96); --glass-border: rgba(6,95,70,.5);
    --color-info-bg: #064e3b; --color-info-border: #065f46; --color-info-text: #6ee7b7; --color-info-accent: #6ee7b7;
    --color-gauge-bg: #064e3b; --color-gauge-marker: #d1fae5; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 4. OCEANO ─── */
html[data-palette="oceano"] {
    --color-bg-primary: #fafeff; --color-bg-secondary: #ecfeff; --color-bg-tertiary: #cffafe;
    --color-bg-elevated: #fafeff; --color-bg-hover: #cffafe; --color-bg-input: #fafeff;
    --color-bg-input-disabled: #ecfeff;
    --color-text-primary: #164e63; --color-text-secondary: #155e75; --color-text-tertiary: #0e7490;
    --color-text-muted: #67e8f9; --color-text-inverse: #ffffff;
    --color-border-primary: #a5f3fc; --color-border-secondary: #67e8f9; --color-border-light: #cffafe;
    --color-border-input: #a5f3fc; --color-border-focus: #0891b2;
    --shadow-sm: 0 1px 2px rgba(8,145,178,.06); --shadow-md: 0 4px 8px -1px rgba(8,145,178,.08); --shadow-lg: 0 12px 20px -4px rgba(8,145,178,.1); --shadow-focus: 0 0 0 3px rgba(8,145,178,.18);
    --color-tab-active-bg: #cffafe; --color-tab-active-text: #0e7490; --color-tab-hover-bg: #ecfeff;
    --color-tooltip-bg: linear-gradient(135deg,#164e63,#155e75); --color-tooltip-text: #cffafe; --color-tooltip-title: #67e8f9; --color-tooltip-muted: #67e8f9;
    --color-scrollbar-thumb: #67e8f9; --color-scrollbar-thumb-hover: #22d3ee;
    --glass-bg: rgba(236,254,255,.96); --glass-border: rgba(165,243,252,.5);
    --color-info-bg: #ecfeff; --color-info-border: #a5f3fc; --color-info-text: #155e75; --color-info-accent: #0891b2;
}
html.dark[data-palette="oceano"] {
    --color-bg-primary: #041926; --color-bg-secondary: #082f49; --color-bg-tertiary: #0c4a6e;
    --color-bg-elevated: #155e75; --color-bg-hover: #155e75; --color-bg-input: #0c4a6e;
    --color-bg-input-disabled: #082f49;
    --color-text-primary: #cffafe; --color-text-secondary: #67e8f9; --color-text-tertiary: #67e8f9;
    --color-text-muted: #22d3ee; --color-text-inverse: #041926;
    --color-border-primary: #155e75; --color-border-secondary: #0e7490; --color-border-light: #0c4a6e;
    --color-border-input: #155e75; --color-border-focus: #22d3ee;
    --shadow-focus: 0 0 0 3px rgba(34,211,238,.28);
    --accent-primary: #22d3ee; --accent-secondary: #0891b2; --accent-muted: rgba(34,211,238,.14);
    --color-tab-active-bg: rgba(34,211,238,.14); --color-tab-active-text: #22d3ee; --color-tab-hover-bg: #0c4a6e;
    --color-tooltip-bg: linear-gradient(135deg,#082f49,#0c4a6e); --color-tooltip-text: #cffafe; --color-tooltip-title: #22d3ee; --color-tooltip-muted: #67e8f9;
    --color-scrollbar-track: #041926; --color-scrollbar-thumb: #155e75; --color-scrollbar-thumb-hover: #0e7490;
    --glass-bg: rgba(4,25,38,.96); --glass-border: rgba(21,94,117,.5);
    --color-info-bg: #0c4a6e; --color-info-border: #155e75; --color-info-text: #67e8f9; --color-info-accent: #67e8f9;
    --color-gauge-bg: #0c4a6e; --color-gauge-marker: #cffafe; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 5. ROSA CLÍNICO ─── */
html[data-palette="rosa"] {
    --color-bg-primary: #fffbfd; --color-bg-secondary: #fdf2f8; --color-bg-tertiary: #fce7f3;
    --color-bg-elevated: #fffbfd; --color-bg-hover: #fce7f3; --color-bg-input: #fffbfd;
    --color-bg-input-disabled: #fdf2f8;
    --color-text-primary: #831843; --color-text-secondary: #9d174d; --color-text-tertiary: #be185d;
    --color-text-muted: #f9a8d4; --color-text-inverse: #ffffff;
    --color-border-primary: #fbcfe8; --color-border-secondary: #f9a8d4; --color-border-light: #fce7f3;
    --color-border-input: #f9a8d4; --color-border-focus: #ec4899;
    --shadow-sm: 0 1px 2px rgba(236,72,153,.06); --shadow-md: 0 4px 8px -1px rgba(236,72,153,.08); --shadow-lg: 0 12px 20px -4px rgba(236,72,153,.1); --shadow-focus: 0 0 0 3px rgba(236,72,153,.18);
    --color-tab-active-bg: #fce7f3; --color-tab-active-text: #db2777; --color-tab-hover-bg: #fdf2f8;
    --color-tooltip-bg: linear-gradient(135deg,#831843,#9d174d); --color-tooltip-text: #fce7f3; --color-tooltip-title: #f9a8d4; --color-tooltip-muted: #f9a8d4;
    --color-scrollbar-thumb: #f9a8d4; --color-scrollbar-thumb-hover: #f472b6;
    --glass-bg: rgba(253,242,248,.96); --glass-border: rgba(251,207,232,.5);
    --color-info-bg: #fdf2f8; --color-info-border: #fbcfe8; --color-info-text: #9d174d; --color-info-accent: #ec4899;
}
html.dark[data-palette="rosa"] {
    --color-bg-primary: #180812; --color-bg-secondary: #2d0f20; --color-bg-tertiary: #4a1942;
    --color-bg-elevated: #5c1e52; --color-bg-hover: #5c1e52; --color-bg-input: #4a1942;
    --color-bg-input-disabled: #2d0f20;
    --color-text-primary: #fce7f3; --color-text-secondary: #f9a8d4; --color-text-tertiary: #f9a8d4;
    --color-text-muted: #f472b6; --color-text-inverse: #180812;
    --color-border-primary: #5c1e52; --color-border-secondary: #831843; --color-border-light: #4a1942;
    --color-border-input: #5c1e52; --color-border-focus: #f472b6;
    --shadow-focus: 0 0 0 3px rgba(244,114,182,.28);
    --accent-primary: #f472b6; --accent-secondary: #db2777; --accent-muted: rgba(244,114,182,.14);
    --color-tab-active-bg: rgba(244,114,182,.14); --color-tab-active-text: #f472b6; --color-tab-hover-bg: #4a1942;
    --color-tooltip-bg: linear-gradient(135deg,#2d0f20,#4a1942); --color-tooltip-text: #fce7f3; --color-tooltip-title: #f472b6; --color-tooltip-muted: #f9a8d4;
    --color-scrollbar-track: #180812; --color-scrollbar-thumb: #5c1e52; --color-scrollbar-thumb-hover: #831843;
    --glass-bg: rgba(24,8,18,.96); --glass-border: rgba(92,30,82,.5);
    --color-info-bg: #4a1942; --color-info-border: #5c1e52; --color-info-text: #f9a8d4; --color-info-accent: #f9a8d4;
    --color-gauge-bg: #4a1942; --color-gauge-marker: #fce7f3; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 6. TERRACOTA ─── */
html[data-palette="terracota"] {
    --color-bg-primary: #fffbf5; --color-bg-secondary: #fff7ed; --color-bg-tertiary: #ffedd5;
    --color-bg-elevated: #fffbf5; --color-bg-hover: #ffedd5; --color-bg-input: #fffbf5;
    --color-bg-input-disabled: #fff7ed;
    --color-text-primary: #7c2d12; --color-text-secondary: #9a3412; --color-text-tertiary: #c2410c;
    --color-text-muted: #fdba74; --color-text-inverse: #ffffff;
    --color-border-primary: #fed7aa; --color-border-secondary: #fdba74; --color-border-light: #ffedd5;
    --color-border-input: #fed7aa; --color-border-focus: #ea580c;
    --shadow-sm: 0 1px 2px rgba(234,88,12,.06); --shadow-md: 0 4px 8px -1px rgba(234,88,12,.08); --shadow-lg: 0 12px 20px -4px rgba(234,88,12,.1); --shadow-focus: 0 0 0 3px rgba(234,88,12,.18);
    --color-tab-active-bg: #ffedd5; --color-tab-active-text: #c2410c; --color-tab-hover-bg: #fff7ed;
    --color-tooltip-bg: linear-gradient(135deg,#7c2d12,#9a3412); --color-tooltip-text: #ffedd5; --color-tooltip-title: #fdba74; --color-tooltip-muted: #fdba74;
    --color-scrollbar-thumb: #fdba74; --color-scrollbar-thumb-hover: #fb923c;
    --glass-bg: rgba(255,247,237,.96); --glass-border: rgba(254,215,170,.5);
    --color-info-bg: #fff7ed; --color-info-border: #fed7aa; --color-info-text: #9a3412; --color-info-accent: #ea580c;
}
html.dark[data-palette="terracota"] {
    --color-bg-primary: #1a0d04; --color-bg-secondary: #2c1810; --color-bg-tertiary: #431407;
    --color-bg-elevated: #7c2d12; --color-bg-hover: #7c2d12; --color-bg-input: #431407;
    --color-bg-input-disabled: #2c1810;
    --color-text-primary: #ffedd5; --color-text-secondary: #fdba74; --color-text-tertiary: #fdba74;
    --color-text-muted: #fb923c; --color-text-inverse: #1a0d04;
    --color-border-primary: #7c2d12; --color-border-secondary: #9a3412; --color-border-light: #431407;
    --color-border-input: #7c2d12; --color-border-focus: #fb923c;
    --shadow-focus: 0 0 0 3px rgba(251,146,60,.28);
    --accent-primary: #fb923c; --accent-secondary: #ea580c; --accent-muted: rgba(251,146,60,.14);
    --color-tab-active-bg: rgba(251,146,60,.14); --color-tab-active-text: #fb923c; --color-tab-hover-bg: #431407;
    --color-tooltip-bg: linear-gradient(135deg,#2c1810,#431407); --color-tooltip-text: #ffedd5; --color-tooltip-title: #fb923c; --color-tooltip-muted: #fdba74;
    --color-scrollbar-track: #1a0d04; --color-scrollbar-thumb: #7c2d12; --color-scrollbar-thumb-hover: #9a3412;
    --glass-bg: rgba(26,13,4,.96); --glass-border: rgba(124,45,18,.5);
    --color-info-bg: #431407; --color-info-border: #7c2d12; --color-info-text: #fdba74; --color-info-accent: #fdba74;
    --color-gauge-bg: #431407; --color-gauge-marker: #ffedd5; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 8. ÍNDIGO ─── */
html[data-palette="indigo"] {
    --color-bg-primary: #fefeff; --color-bg-secondary: #eef2ff; --color-bg-tertiary: #e0e7ff;
    --color-bg-elevated: #fefeff; --color-bg-hover: #e0e7ff; --color-bg-input: #fefeff;
    --color-bg-input-disabled: #eef2ff;
    --color-text-primary: #312e81; --color-text-secondary: #3730a3; --color-text-tertiary: #4338ca;
    --color-text-muted: #a5b4fc; --color-text-inverse: #ffffff;
    --color-border-primary: #c7d2fe; --color-border-secondary: #a5b4fc; --color-border-light: #e0e7ff;
    --color-border-input: #c7d2fe; --color-border-focus: #6366f1;
    --shadow-sm: 0 1px 2px rgba(99,102,241,.06); --shadow-md: 0 4px 8px -1px rgba(99,102,241,.08); --shadow-lg: 0 12px 20px -4px rgba(99,102,241,.1); --shadow-focus: 0 0 0 3px rgba(99,102,241,.18);
    --color-tab-active-bg: #e0e7ff; --color-tab-active-text: #4f46e5; --color-tab-hover-bg: #eef2ff;
    --color-tooltip-bg: linear-gradient(135deg,#312e81,#3730a3); --color-tooltip-text: #e0e7ff; --color-tooltip-title: #a5b4fc; --color-tooltip-muted: #a5b4fc;
    --color-scrollbar-thumb: #a5b4fc; --color-scrollbar-thumb-hover: #818cf8;
    --glass-bg: rgba(238,242,255,.96); --glass-border: rgba(199,210,254,.5);
    --color-info-bg: #eef2ff; --color-info-border: #c7d2fe; --color-info-text: #3730a3; --color-info-accent: #6366f1;
}
html.dark[data-palette="indigo"] {
    --color-bg-primary: #08081c; --color-bg-secondary: #141438; --color-bg-tertiary: #1e1b4b;
    --color-bg-elevated: #312e81; --color-bg-hover: #312e81; --color-bg-input: #1e1b4b;
    --color-bg-input-disabled: #141438;
    --color-text-primary: #e0e7ff; --color-text-secondary: #a5b4fc; --color-text-tertiary: #a5b4fc;
    --color-text-muted: #818cf8; --color-text-inverse: #08081c;
    --color-border-primary: #312e81; --color-border-secondary: #3730a3; --color-border-light: #1e1b4b;
    --color-border-input: #312e81; --color-border-focus: #818cf8;
    --shadow-focus: 0 0 0 3px rgba(129,140,248,.28);
    --accent-primary: #818cf8; --accent-secondary: #6366f1; --accent-muted: rgba(129,140,248,.14);
    --color-tab-active-bg: rgba(129,140,248,.14); --color-tab-active-text: #818cf8; --color-tab-hover-bg: #1e1b4b;
    --color-tooltip-bg: linear-gradient(135deg,#141438,#1e1b4b); --color-tooltip-text: #e0e7ff; --color-tooltip-title: #818cf8; --color-tooltip-muted: #a5b4fc;
    --color-scrollbar-track: #08081c; --color-scrollbar-thumb: #312e81; --color-scrollbar-thumb-hover: #3730a3;
    --glass-bg: rgba(8,8,28,.96); --glass-border: rgba(49,46,129,.5);
    --color-info-bg: #1e1b4b; --color-info-border: #312e81; --color-info-text: #a5b4fc; --color-info-accent: #a5b4fc;
    --color-gauge-bg: #1e1b4b; --color-gauge-marker: #e0e7ff; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ══════════════════════════════════════════════════════════════
   TONS PASTÉIS & MISTOS ELEGANTES
   ══════════════════════════════════════════════════════════════ */

/* ─── 9. LAVANDA PASTEL — lilás suave, delicado ─── */
html[data-palette="lavanda"] {
    --color-bg-primary: #fefcff; --color-bg-secondary: #faf5ff; --color-bg-tertiary: #f3e8ff;
    --color-bg-elevated: #fefcff; --color-bg-hover: #f3e8ff; --color-bg-input: #fefcff;
    --color-bg-input-disabled: #faf5ff;
    --color-text-primary: #581c87; --color-text-secondary: #6b21a8; --color-text-tertiary: #7e22ce;
    --color-text-muted: #d8b4fe; --color-text-inverse: #ffffff;
    --color-border-primary: #e9d5ff; --color-border-secondary: #d8b4fe; --color-border-light: #f3e8ff;
    --color-border-input: #d8b4fe; --color-border-focus: #a855f7;
    --shadow-sm: 0 1px 2px rgba(168,85,247,.05); --shadow-md: 0 4px 8px -1px rgba(168,85,247,.07); --shadow-lg: 0 12px 20px -4px rgba(168,85,247,.09); --shadow-focus: 0 0 0 3px rgba(168,85,247,.15);
    --color-tab-active-bg: #f3e8ff; --color-tab-active-text: #9333ea; --color-tab-hover-bg: #faf5ff;
    --color-tooltip-bg: linear-gradient(135deg,#581c87,#6b21a8); --color-tooltip-text: #f3e8ff; --color-tooltip-title: #d8b4fe; --color-tooltip-muted: #d8b4fe;
    --color-scrollbar-thumb: #d8b4fe; --color-scrollbar-thumb-hover: #c084fc;
    --glass-bg: rgba(250,245,255,.96); --glass-border: rgba(233,213,255,.5);
    --color-info-bg: #faf5ff; --color-info-border: #e9d5ff; --color-info-text: #6b21a8; --color-info-accent: #a855f7;
}
html.dark[data-palette="lavanda"] {
    --color-bg-primary: #0e0820; --color-bg-secondary: #1c1038; --color-bg-tertiary: #3b0764;
    --color-bg-elevated: #581c87; --color-bg-hover: #581c87; --color-bg-input: #3b0764;
    --color-bg-input-disabled: #1c1038;
    --color-text-primary: #f3e8ff; --color-text-secondary: #d8b4fe; --color-text-tertiary: #d8b4fe;
    --color-text-muted: #c084fc; --color-text-inverse: #0e0820;
    --color-border-primary: #581c87; --color-border-secondary: #6b21a8; --color-border-light: #3b0764;
    --color-border-input: #581c87; --color-border-focus: #c084fc;
    --shadow-focus: 0 0 0 3px rgba(192,132,252,.24);
    --accent-primary: #c084fc; --accent-secondary: #a855f7; --accent-muted: rgba(192,132,252,.12);
    --color-tab-active-bg: rgba(192,132,252,.12); --color-tab-active-text: #c084fc; --color-tab-hover-bg: #3b0764;
    --color-tooltip-bg: linear-gradient(135deg,#1c1038,#3b0764); --color-tooltip-text: #f3e8ff; --color-tooltip-title: #c084fc; --color-tooltip-muted: #d8b4fe;
    --color-scrollbar-track: #0e0820; --color-scrollbar-thumb: #581c87; --color-scrollbar-thumb-hover: #6b21a8;
    --glass-bg: rgba(14,8,32,.96); --glass-border: rgba(88,28,135,.5);
    --color-info-bg: #3b0764; --color-info-border: #581c87; --color-info-text: #d8b4fe; --color-info-accent: #d8b4fe;
    --color-gauge-bg: #3b0764; --color-gauge-marker: #f3e8ff; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 10. PÊSSEGO — coral quente pastel ─── */
html[data-palette="pessego"] {
    --color-bg-primary: #fffbfa; --color-bg-secondary: #fff1f2; --color-bg-tertiary: #ffe4e6;
    --color-bg-elevated: #fffbfa; --color-bg-hover: #ffe4e6; --color-bg-input: #fffbfa;
    --color-bg-input-disabled: #fff1f2;
    --color-text-primary: #881337; --color-text-secondary: #9f1239; --color-text-tertiary: #be123c;
    --color-text-muted: #fda4af; --color-text-inverse: #ffffff;
    --color-border-primary: #fecdd3; --color-border-secondary: #fda4af; --color-border-light: #ffe4e6;
    --color-border-input: #fecdd3; --color-border-focus: #f43f5e;
    --shadow-sm: 0 1px 2px rgba(244,63,94,.06); --shadow-md: 0 4px 8px -1px rgba(244,63,94,.08); --shadow-lg: 0 12px 20px -4px rgba(244,63,94,.1); --shadow-focus: 0 0 0 3px rgba(244,63,94,.15);
    --color-tab-active-bg: #ffe4e6; --color-tab-active-text: #e11d48; --color-tab-hover-bg: #fff1f2;
    --color-tooltip-bg: linear-gradient(135deg,#881337,#9f1239); --color-tooltip-text: #ffe4e6; --color-tooltip-title: #fda4af; --color-tooltip-muted: #fda4af;
    --color-scrollbar-thumb: #fda4af; --color-scrollbar-thumb-hover: #fb7185;
    --glass-bg: rgba(255,241,242,.96); --glass-border: rgba(254,205,211,.5);
    --color-info-bg: #fff1f2; --color-info-border: #fecdd3; --color-info-text: #9f1239; --color-info-accent: #f43f5e;
}
html.dark[data-palette="pessego"] {
    --color-bg-primary: #180810; --color-bg-secondary: #2d0e1a; --color-bg-tertiary: #4c0519;
    --color-bg-elevated: #881337; --color-bg-hover: #881337; --color-bg-input: #4c0519;
    --color-bg-input-disabled: #2d0e1a;
    --color-text-primary: #ffe4e6; --color-text-secondary: #fda4af; --color-text-tertiary: #fda4af;
    --color-text-muted: #fb7185; --color-text-inverse: #180810;
    --color-border-primary: #881337; --color-border-secondary: #9f1239; --color-border-light: #4c0519;
    --color-border-input: #881337; --color-border-focus: #fb7185;
    --shadow-focus: 0 0 0 3px rgba(251,113,133,.28);
    --accent-primary: #fb7185; --accent-secondary: #f43f5e; --accent-muted: rgba(251,113,133,.14);
    --color-tab-active-bg: rgba(251,113,133,.14); --color-tab-active-text: #fb7185; --color-tab-hover-bg: #4c0519;
    --color-tooltip-bg: linear-gradient(135deg,#2d0e1a,#4c0519); --color-tooltip-text: #ffe4e6; --color-tooltip-title: #fb7185; --color-tooltip-muted: #fda4af;
    --color-scrollbar-track: #180810; --color-scrollbar-thumb: #881337; --color-scrollbar-thumb-hover: #9f1239;
    --glass-bg: rgba(24,8,16,.96); --glass-border: rgba(136,19,55,.5);
    --color-info-bg: #4c0519; --color-info-border: #881337; --color-info-text: #fda4af; --color-info-accent: #fda4af;
    --color-gauge-bg: #4c0519; --color-gauge-marker: #ffe4e6; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 11. MENTA — verde-água fresco ─── */
html[data-palette="menta"] {
    --color-bg-primary: #fafffd; --color-bg-secondary: #f0fdfa; --color-bg-tertiary: #ccfbf1;
    --color-bg-elevated: #fafffd; --color-bg-hover: #ccfbf1; --color-bg-input: #fafffd;
    --color-bg-input-disabled: #f0fdfa;
    --color-text-primary: #134e4a; --color-text-secondary: #115e59; --color-text-tertiary: #0d9488;
    --color-text-muted: #5eead4; --color-text-inverse: #ffffff;
    --color-border-primary: #99f6e4; --color-border-secondary: #5eead4; --color-border-light: #ccfbf1;
    --color-border-input: #99f6e4; --color-border-focus: #14b8a6;
    --shadow-sm: 0 1px 2px rgba(20,184,166,.06); --shadow-md: 0 4px 8px -1px rgba(20,184,166,.08); --shadow-lg: 0 12px 20px -4px rgba(20,184,166,.1); --shadow-focus: 0 0 0 3px rgba(20,184,166,.18);
    --color-tab-active-bg: #ccfbf1; --color-tab-active-text: #0d9488; --color-tab-hover-bg: #f0fdfa;
    --color-tooltip-bg: linear-gradient(135deg,#134e4a,#115e59); --color-tooltip-text: #ccfbf1; --color-tooltip-title: #5eead4; --color-tooltip-muted: #5eead4;
    --color-scrollbar-thumb: #5eead4; --color-scrollbar-thumb-hover: #2dd4bf;
    --glass-bg: rgba(240,253,250,.96); --glass-border: rgba(153,246,228,.5);
    --color-info-bg: #f0fdfa; --color-info-border: #99f6e4; --color-info-text: #115e59; --color-info-accent: #14b8a6;
}
html.dark[data-palette="menta"] {
    --color-bg-primary: #041a18; --color-bg-secondary: #062825; --color-bg-tertiary: #115e59;
    --color-bg-elevated: #134e4a; --color-bg-hover: #134e4a; --color-bg-input: #115e59;
    --color-bg-input-disabled: #062825;
    --color-text-primary: #ccfbf1; --color-text-secondary: #5eead4; --color-text-tertiary: #5eead4;
    --color-text-muted: #2dd4bf; --color-text-inverse: #041a18;
    --color-border-primary: #134e4a; --color-border-secondary: #0d9488; --color-border-light: #115e59;
    --color-border-input: #134e4a; --color-border-focus: #2dd4bf;
    --shadow-focus: 0 0 0 3px rgba(45,212,191,.28);
    --accent-primary: #2dd4bf; --accent-secondary: #14b8a6; --accent-muted: rgba(45,212,191,.14);
    --color-tab-active-bg: rgba(45,212,191,.14); --color-tab-active-text: #2dd4bf; --color-tab-hover-bg: #115e59;
    --color-tooltip-bg: linear-gradient(135deg,#062825,#115e59); --color-tooltip-text: #ccfbf1; --color-tooltip-title: #2dd4bf; --color-tooltip-muted: #5eead4;
    --color-scrollbar-track: #041a18; --color-scrollbar-thumb: #134e4a; --color-scrollbar-thumb-hover: #0d9488;
    --glass-bg: rgba(4,26,24,.96); --glass-border: rgba(19,78,74,.5);
    --color-info-bg: #115e59; --color-info-border: #134e4a; --color-info-text: #5eead4; --color-info-accent: #5eead4;
    --color-gauge-bg: #115e59; --color-gauge-marker: #ccfbf1; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 12. ÂMBAR DOURADO ─── */
html[data-palette="ambar"] {
    --color-bg-primary: #fffdf5; --color-bg-secondary: #fffbeb; --color-bg-tertiary: #fef3c7;
    --color-bg-elevated: #fffdf5; --color-bg-hover: #fef3c7; --color-bg-input: #fffdf5;
    --color-bg-input-disabled: #fffbeb;
    --color-text-primary: #78350f; --color-text-secondary: #92400e; --color-text-tertiary: #b45309;
    --color-text-muted: #fcd34d; --color-text-inverse: #ffffff;
    --color-border-primary: #fde68a; --color-border-secondary: #fcd34d; --color-border-light: #fef3c7;
    --color-border-input: #fde68a; --color-border-focus: #d97706;
    --shadow-sm: 0 1px 2px rgba(217,119,6,.06); --shadow-md: 0 4px 8px -1px rgba(217,119,6,.08); --shadow-lg: 0 12px 20px -4px rgba(217,119,6,.1); --shadow-focus: 0 0 0 3px rgba(217,119,6,.18);
    --color-tab-active-bg: #fef3c7; --color-tab-active-text: #b45309; --color-tab-hover-bg: #fffbeb;
    --color-tooltip-bg: linear-gradient(135deg,#78350f,#92400e); --color-tooltip-text: #fef3c7; --color-tooltip-title: #fcd34d; --color-tooltip-muted: #fcd34d;
    --color-scrollbar-thumb: #fcd34d; --color-scrollbar-thumb-hover: #fbbf24;
    --glass-bg: rgba(255,251,235,.96); --glass-border: rgba(253,230,138,.5);
    --color-info-bg: #fffbeb; --color-info-border: #fde68a; --color-info-text: #92400e; --color-info-accent: #d97706;
}
html.dark[data-palette="ambar"] {
    --color-bg-primary: #1a1305; --color-bg-secondary: #2a1f0a; --color-bg-tertiary: #451a03;
    --color-bg-elevated: #78350f; --color-bg-hover: #78350f; --color-bg-input: #451a03;
    --color-bg-input-disabled: #2a1f0a;
    --color-text-primary: #fef3c7; --color-text-secondary: #fcd34d; --color-text-tertiary: #fcd34d;
    --color-text-muted: #fbbf24; --color-text-inverse: #1a1305;
    --color-border-primary: #78350f; --color-border-secondary: #92400e; --color-border-light: #451a03;
    --color-border-input: #78350f; --color-border-focus: #fbbf24;
    --shadow-focus: 0 0 0 3px rgba(251,191,36,.28);
    --accent-primary: #fbbf24; --accent-secondary: #d97706; --accent-muted: rgba(251,191,36,.14);
    --color-tab-active-bg: rgba(251,191,36,.14); --color-tab-active-text: #fbbf24; --color-tab-hover-bg: #451a03;
    --color-tooltip-bg: linear-gradient(135deg,#2a1f0a,#451a03); --color-tooltip-text: #fef3c7; --color-tooltip-title: #fbbf24; --color-tooltip-muted: #fcd34d;
    --color-scrollbar-track: #1a1305; --color-scrollbar-thumb: #78350f; --color-scrollbar-thumb-hover: #92400e;
    --glass-bg: rgba(26,19,5,.96); --glass-border: rgba(120,53,15,.5);
    --color-info-bg: #451a03; --color-info-border: #78350f; --color-info-text: #fcd34d; --color-info-accent: #fcd34d;
    --color-gauge-bg: #451a03; --color-gauge-marker: #fef3c7; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ══════════════════════════════════════════════════════════════
   COMBOS MISTOS — Cores que combinam harmonicamente
   ══════════════════════════════════════════════════════════════ */

/* ─── 13. AURORA BOREAL — violeta + ciano (frio elegante) ─── */
html[data-palette="aurora"] {
    --color-bg-primary: #fafaff; --color-bg-secondary: #f0f0ff; --color-bg-tertiary: #e4e4fc;
    --color-bg-elevated: #fafaff; --color-bg-hover: #e4e4fc; --color-bg-input: #fafaff;
    --color-bg-input-disabled: #f0f0ff;
    --color-text-primary: #2e1065; --color-text-secondary: #4c1d95; --color-text-tertiary: #6d28d9;
    --color-text-muted: #a5b4fc; --color-text-inverse: #ffffff;
    --color-border-primary: #c7d2fe; --color-border-secondary: #a5b4fc; --color-border-light: #e4e4fc;
    --color-border-input: #c7d2fe; --color-border-focus: #7c3aed;
    --shadow-sm: 0 1px 2px rgba(124,58,237,.05); --shadow-md: 0 4px 8px -1px rgba(124,58,237,.08); --shadow-lg: 0 12px 20px -4px rgba(124,58,237,.1); --shadow-focus: 0 0 0 3px rgba(124,58,237,.16);
    --color-tab-active-bg: #e0e7ff; --color-tab-active-text: #6d28d9; --color-tab-hover-bg: #f0f0ff;
    --color-tooltip-bg: linear-gradient(135deg,#1e1b4b,#312e81); --color-tooltip-text: #e0e7ff; --color-tooltip-title: #67e8f9; --color-tooltip-muted: #a5b4fc;
    --color-scrollbar-thumb: #a5b4fc; --color-scrollbar-thumb-hover: #818cf8;
    --glass-bg: rgba(240,240,255,.96); --glass-border: rgba(199,210,254,.5);
    --color-info-bg: #f0f0ff; --color-info-border: #c7d2fe; --color-info-text: #4c1d95; --color-info-accent: #7c3aed;
}
html.dark[data-palette="aurora"] {
    --color-bg-primary: #08061a; --color-bg-secondary: #100e30; --color-bg-tertiary: #1e1b4b;
    --color-bg-elevated: #312e81; --color-bg-hover: #312e81; --color-bg-input: #1e1b4b;
    --color-bg-input-disabled: #100e30;
    --color-text-primary: #e0e7ff; --color-text-secondary: #a5b4fc; --color-text-tertiary: #67e8f9;
    --color-text-muted: #818cf8; --color-text-inverse: #08061a;
    --color-border-primary: #312e81; --color-border-secondary: #3730a3; --color-border-light: #1e1b4b;
    --color-border-input: #312e81; --color-border-focus: #a78bfa;
    --shadow-focus: 0 0 0 3px rgba(167,139,250,.28);
    --accent-primary: #a78bfa; --accent-secondary: #7c3aed; --accent-muted: rgba(167,139,250,.14);
    --color-tab-active-bg: rgba(167,139,250,.14); --color-tab-active-text: #a78bfa; --color-tab-hover-bg: #1e1b4b;
    --color-tooltip-bg: linear-gradient(135deg,#100e30,#1e1b4b); --color-tooltip-text: #e0e7ff; --color-tooltip-title: #67e8f9; --color-tooltip-muted: #a5b4fc;
    --color-scrollbar-track: #08061a; --color-scrollbar-thumb: #312e81; --color-scrollbar-thumb-hover: #3730a3;
    --glass-bg: rgba(8,6,26,.96); --glass-border: rgba(49,46,129,.5);
    --color-info-bg: #1e1b4b; --color-info-border: #312e81; --color-info-text: #a5b4fc; --color-info-accent: #a5b4fc;
    --color-gauge-bg: #1e1b4b; --color-gauge-marker: #e0e7ff; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 15. SAKURA — rosa + bege (japonês delicado) ─── */
html[data-palette="sakura"] {
    --color-bg-primary: #fffcfb; --color-bg-secondary: #fef7f4; --color-bg-tertiary: #fce8e0;
    --color-bg-elevated: #fffcfb; --color-bg-hover: #fce8e0; --color-bg-input: #fffcfb;
    --color-bg-input-disabled: #fef7f4;
    --color-text-primary: #6b2136; --color-text-secondary: #8b3050; --color-text-tertiary: #b4446a;
    --color-text-muted: #f0a5b8; --color-text-inverse: #ffffff;
    --color-border-primary: #f5d0d8; --color-border-secondary: #f0a5b8; --color-border-light: #fce8e0;
    --color-border-input: #f5d0d8; --color-border-focus: #d4507a;
    --shadow-sm: 0 1px 2px rgba(212,80,122,.05); --shadow-md: 0 4px 8px -1px rgba(212,80,122,.07); --shadow-lg: 0 12px 20px -4px rgba(212,80,122,.09); --shadow-focus: 0 0 0 3px rgba(212,80,122,.14);
    --color-tab-active-bg: #fce8e0; --color-tab-active-text: #b4446a; --color-tab-hover-bg: #fef7f4;
    --color-tooltip-bg: linear-gradient(135deg,#6b2136,#8b3050); --color-tooltip-text: #fce8e0; --color-tooltip-title: #f0a5b8; --color-tooltip-muted: #f0a5b8;
    --color-scrollbar-thumb: #f0a5b8; --color-scrollbar-thumb-hover: #e87594;
    --glass-bg: rgba(254,247,244,.96); --glass-border: rgba(245,208,216,.5);
    --color-info-bg: #fef7f4; --color-info-border: #f5d0d8; --color-info-text: #8b3050; --color-info-accent: #d4507a;
}
html.dark[data-palette="sakura"] {
    --color-bg-primary: #1a0a10; --color-bg-secondary: #2a1420; --color-bg-tertiary: #4a1e38;
    --color-bg-elevated: #6b2136; --color-bg-hover: #6b2136; --color-bg-input: #4a1e38;
    --color-bg-input-disabled: #2a1420;
    --color-text-primary: #fce8e0; --color-text-secondary: #f0a5b8; --color-text-tertiary: #f0a5b8;
    --color-text-muted: #e87594; --color-text-inverse: #1a0a10;
    --color-border-primary: #6b2136; --color-border-secondary: #8b3050; --color-border-light: #4a1e38;
    --color-border-input: #6b2136; --color-border-focus: #e87594;
    --shadow-focus: 0 0 0 3px rgba(232,117,148,.24);
    --accent-primary: #e87594; --accent-secondary: #d4507a; --accent-muted: rgba(232,117,148,.14);
    --color-tab-active-bg: rgba(232,117,148,.14); --color-tab-active-text: #e87594; --color-tab-hover-bg: #4a1e38;
    --color-tooltip-bg: linear-gradient(135deg,#2a1420,#4a1e38); --color-tooltip-text: #fce8e0; --color-tooltip-title: #e87594; --color-tooltip-muted: #f0a5b8;
    --color-scrollbar-track: #1a0a10; --color-scrollbar-thumb: #6b2136; --color-scrollbar-thumb-hover: #8b3050;
    --glass-bg: rgba(26,10,16,.96); --glass-border: rgba(107,33,54,.5);
    --color-info-bg: #4a1e38; --color-info-border: #6b2136; --color-info-text: #f0a5b8; --color-info-accent: #f0a5b8;
    --color-gauge-bg: #4a1e38; --color-gauge-marker: #fce8e0; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 16. NOTURNO — azul escuro + prata (premium escuro) ─── */
html[data-palette="noturno"] {
    --color-bg-primary: #f8fafc; --color-bg-secondary: #f1f5f9; --color-bg-tertiary: #e2e8f0;
    --color-bg-elevated: #f8fafc; --color-bg-hover: #e2e8f0; --color-bg-input: #f8fafc;
    --color-bg-input-disabled: #f1f5f9;
    --color-text-primary: #0f172a; --color-text-secondary: #1e293b; --color-text-tertiary: #334155;
    --color-text-muted: #94a3b8; --color-text-inverse: #f8fafc;
    --color-border-primary: #cbd5e1; --color-border-secondary: #94a3b8; --color-border-light: #e2e8f0;
    --color-border-input: #cbd5e1; --color-border-focus: #475569;
    --shadow-sm: 0 1px 2px rgba(15,23,42,.06); --shadow-md: 0 4px 8px -1px rgba(15,23,42,.1); --shadow-lg: 0 12px 20px -4px rgba(15,23,42,.12); --shadow-focus: 0 0 0 3px rgba(71,85,105,.16);
    --color-tab-active-bg: #e2e8f0; --color-tab-active-text: #1e293b; --color-tab-hover-bg: #f1f5f9;
    --color-tooltip-bg: linear-gradient(135deg,#0f172a,#1e293b); --color-tooltip-text: #e2e8f0; --color-tooltip-title: #94a3b8; --color-tooltip-muted: #94a3b8;
    --color-scrollbar-thumb: #94a3b8; --color-scrollbar-thumb-hover: #64748b;
    --glass-bg: rgba(241,245,249,.96); --glass-border: rgba(203,213,225,.5);
    --color-info-bg: #f1f5f9; --color-info-border: #cbd5e1; --color-info-text: #334155; --color-info-accent: #475569;
}
html.dark[data-palette="noturno"] {
    --color-bg-primary: #020617; --color-bg-secondary: #0f172a; --color-bg-tertiary: #1e293b;
    --color-bg-elevated: #334155; --color-bg-hover: #334155; --color-bg-input: #1e293b;
    --color-bg-input-disabled: #0f172a;
    --color-text-primary: #e2e8f0; --color-text-secondary: #94a3b8; --color-text-tertiary: #94a3b8;
    --color-text-muted: #64748b; --color-text-inverse: #020617;
    --color-border-primary: #334155; --color-border-secondary: #475569; --color-border-light: #1e293b;
    --color-border-input: #334155; --color-border-focus: #94a3b8;
    --shadow-focus: 0 0 0 3px rgba(148,163,184,.2);
    --accent-primary: #94a3b8; --accent-secondary: #64748b; --accent-muted: rgba(148,163,184,.12);
    --color-tab-active-bg: rgba(148,163,184,.12); --color-tab-active-text: #cbd5e1; --color-tab-hover-bg: #1e293b;
    --color-tooltip-bg: linear-gradient(135deg,#0f172a,#1e293b); --color-tooltip-text: #e2e8f0; --color-tooltip-title: #cbd5e1; --color-tooltip-muted: #64748b;
    --color-scrollbar-track: #020617; --color-scrollbar-thumb: #334155; --color-scrollbar-thumb-hover: #475569;
    --glass-bg: rgba(2,6,23,.96); --glass-border: rgba(51,65,85,.5);
    --color-info-bg: #1e293b; --color-info-border: #334155; --color-info-text: #94a3b8; --color-info-accent: #94a3b8;
    --color-gauge-bg: #1e293b; --color-gauge-marker: #e2e8f0; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 17. SUNSET — laranja + rosa (pôr do sol) ─── */
html[data-palette="sunset"] {
    --color-bg-primary: #fffaf8; --color-bg-secondary: #fff5f0; --color-bg-tertiary: #ffe8dd;
    --color-bg-elevated: #fffaf8; --color-bg-hover: #ffe8dd; --color-bg-input: #fffaf8;
    --color-bg-input-disabled: #fff5f0;
    --color-text-primary: #7c2d12; --color-text-secondary: #9a3412; --color-text-tertiary: #c2410c;
    --color-text-muted: #fdba74; --color-text-inverse: #ffffff;
    --color-border-primary: #fed7aa; --color-border-secondary: #fdba74; --color-border-light: #ffe8dd;
    --color-border-input: #fed7aa; --color-border-focus: #e85d75;
    --shadow-sm: 0 1px 2px rgba(232,93,117,.05); --shadow-md: 0 4px 8px -1px rgba(232,93,117,.08); --shadow-lg: 0 12px 20px -4px rgba(232,93,117,.1); --shadow-focus: 0 0 0 3px rgba(232,93,117,.16);
    --color-tab-active-bg: #ffe4e6; --color-tab-active-text: #c2410c; --color-tab-hover-bg: #fff5f0;
    --color-tooltip-bg: linear-gradient(135deg,#7c2d12,#881337); --color-tooltip-text: #ffe8dd; --color-tooltip-title: #fda4af; --color-tooltip-muted: #fdba74;
    --color-scrollbar-thumb: #fdba74; --color-scrollbar-thumb-hover: #fb923c;
    --glass-bg: rgba(255,245,240,.96); --glass-border: rgba(254,215,170,.5);
    --color-info-bg: #fff5f0; --color-info-border: #fed7aa; --color-info-text: #9a3412; --color-info-accent: #e85d75;
}
html.dark[data-palette="sunset"] {
    --color-bg-primary: #1a0a08; --color-bg-secondary: #2c1610; --color-bg-tertiary: #4c1810;
    --color-bg-elevated: #7c2d12; --color-bg-hover: #7c2d12; --color-bg-input: #4c1810;
    --color-bg-input-disabled: #2c1610;
    --color-text-primary: #ffe8dd; --color-text-secondary: #fdba74; --color-text-tertiary: #fda4af;
    --color-text-muted: #fb923c; --color-text-inverse: #1a0a08;
    --color-border-primary: #7c2d12; --color-border-secondary: #881337; --color-border-light: #4c1810;
    --color-border-input: #7c2d12; --color-border-focus: #fb7185;
    --shadow-focus: 0 0 0 3px rgba(251,113,133,.28);
    --accent-primary: #fb7185; --accent-secondary: #e85d75; --accent-muted: rgba(251,113,133,.14);
    --color-tab-active-bg: rgba(251,113,133,.14); --color-tab-active-text: #fb7185; --color-tab-hover-bg: #4c1810;
    --color-tooltip-bg: linear-gradient(135deg,#2c1610,#4c1810); --color-tooltip-text: #ffe8dd; --color-tooltip-title: #fb7185; --color-tooltip-muted: #fdba74;
    --color-scrollbar-track: #1a0a08; --color-scrollbar-thumb: #7c2d12; --color-scrollbar-thumb-hover: #881337;
    --glass-bg: rgba(26,10,8,.96); --glass-border: rgba(124,45,18,.5);
    --color-info-bg: #4c1810; --color-info-border: #7c2d12; --color-info-text: #fdba74; --color-info-accent: #fdba74;
    --color-gauge-bg: #4c1810; --color-gauge-marker: #ffe8dd; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 18. NÉVOA — cinza-azulado + lilás (minimalista suave) ─── */
html[data-palette="nevoa"] {
    --color-bg-primary: #fafbfd; --color-bg-secondary: #f3f4f8; --color-bg-tertiary: #e8eaf2;
    --color-bg-elevated: #fafbfd; --color-bg-hover: #e8eaf2; --color-bg-input: #fafbfd;
    --color-bg-input-disabled: #f3f4f8;
    --color-text-primary: #2d3250; --color-text-secondary: #424769; --color-text-tertiary: #5c6190;
    --color-text-muted: #a6a8c0; --color-text-inverse: #ffffff;
    --color-border-primary: #d0d2e0; --color-border-secondary: #a6a8c0; --color-border-light: #e8eaf2;
    --color-border-input: #d0d2e0; --color-border-focus: #7c7fb8;
    --shadow-sm: 0 1px 2px rgba(124,127,184,.05); --shadow-md: 0 4px 8px -1px rgba(124,127,184,.07); --shadow-lg: 0 12px 20px -4px rgba(124,127,184,.09); --shadow-focus: 0 0 0 3px rgba(124,127,184,.14);
    --color-tab-active-bg: #e8eaf2; --color-tab-active-text: #5c6190; --color-tab-hover-bg: #f3f4f8;
    --color-tooltip-bg: linear-gradient(135deg,#2d3250,#424769); --color-tooltip-text: #e8eaf2; --color-tooltip-title: #a6a8c0; --color-tooltip-muted: #a6a8c0;
    --color-scrollbar-thumb: #a6a8c0; --color-scrollbar-thumb-hover: #7c7fb8;
    --glass-bg: rgba(243,244,248,.96); --glass-border: rgba(208,210,224,.5);
    --color-info-bg: #f3f4f8; --color-info-border: #d0d2e0; --color-info-text: #424769; --color-info-accent: #7c7fb8;
}
html.dark[data-palette="nevoa"] {
    --color-bg-primary: #0e1020; --color-bg-secondary: #191c34; --color-bg-tertiary: #2d3250;
    --color-bg-elevated: #424769; --color-bg-hover: #424769; --color-bg-input: #2d3250;
    --color-bg-input-disabled: #191c34;
    --color-text-primary: #e8eaf2; --color-text-secondary: #a6a8c0; --color-text-tertiary: #a6a8c0;
    --color-text-muted: #7c7fb8; --color-text-inverse: #0e1020;
    --color-border-primary: #424769; --color-border-secondary: #5c6190; --color-border-light: #2d3250;
    --color-border-input: #424769; --color-border-focus: #a6a8c0;
    --shadow-focus: 0 0 0 3px rgba(166,168,192,.2);
    --accent-primary: #a6a8c0; --accent-secondary: #7c7fb8; --accent-muted: rgba(166,168,192,.12);
    --color-tab-active-bg: rgba(166,168,192,.12); --color-tab-active-text: #a6a8c0; --color-tab-hover-bg: #2d3250;
    --color-tooltip-bg: linear-gradient(135deg,#191c34,#2d3250); --color-tooltip-text: #e8eaf2; --color-tooltip-title: #a6a8c0; --color-tooltip-muted: #7c7fb8;
    --color-scrollbar-track: #0e1020; --color-scrollbar-thumb: #424769; --color-scrollbar-thumb-hover: #5c6190;
    --glass-bg: rgba(14,16,32,.96); --glass-border: rgba(66,71,105,.5);
    --color-info-bg: #2d3250; --color-info-border: #424769; --color-info-text: #a6a8c0; --color-info-accent: #a6a8c0;
    --color-gauge-bg: #2d3250; --color-gauge-marker: #e8eaf2; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 19. AREIA — bege + verde-oliva (deserto sereno) ─── */
html[data-palette="areia"] {
    --color-bg-primary: #fdfcf8; --color-bg-secondary: #faf8f0; --color-bg-tertiary: #f3efe0;
    --color-bg-elevated: #fdfcf8; --color-bg-hover: #f3efe0; --color-bg-input: #fdfcf8;
    --color-bg-input-disabled: #faf8f0;
    --color-text-primary: #44403c; --color-text-secondary: #57534e; --color-text-tertiary: #78716c;
    --color-text-muted: #a8a29e; --color-text-inverse: #fdfcf8;
    --color-border-primary: #d6d3d1; --color-border-secondary: #a8a29e; --color-border-light: #f3efe0;
    --color-border-input: #d6d3d1; --color-border-focus: #78716c;
    --shadow-sm: 0 1px 2px rgba(120,113,108,.06); --shadow-md: 0 4px 8px -1px rgba(120,113,108,.08); --shadow-lg: 0 12px 20px -4px rgba(120,113,108,.1); --shadow-focus: 0 0 0 3px rgba(120,113,108,.14);
    --color-tab-active-bg: #f3efe0; --color-tab-active-text: #57534e; --color-tab-hover-bg: #faf8f0;
    --color-tooltip-bg: linear-gradient(135deg,#44403c,#57534e); --color-tooltip-text: #f3efe0; --color-tooltip-title: #a8a29e; --color-tooltip-muted: #a8a29e;
    --color-scrollbar-thumb: #a8a29e; --color-scrollbar-thumb-hover: #78716c;
    --glass-bg: rgba(250,248,240,.96); --glass-border: rgba(214,211,209,.5);
    --color-info-bg: #faf8f0; --color-info-border: #d6d3d1; --color-info-text: #57534e; --color-info-accent: #78716c;
}
html.dark[data-palette="areia"] {
    --color-bg-primary: #0c0a08; --color-bg-secondary: #1c1917; --color-bg-tertiary: #292524;
    --color-bg-elevated: #44403c; --color-bg-hover: #44403c; --color-bg-input: #292524;
    --color-bg-input-disabled: #1c1917;
    --color-text-primary: #e7e5e4; --color-text-secondary: #a8a29e; --color-text-tertiary: #a8a29e;
    --color-text-muted: #78716c; --color-text-inverse: #0c0a08;
    --color-border-primary: #44403c; --color-border-secondary: #57534e; --color-border-light: #292524;
    --color-border-input: #44403c; --color-border-focus: #a8a29e;
    --shadow-focus: 0 0 0 3px rgba(168,162,158,.2);
    --accent-primary: #a8a29e; --accent-secondary: #78716c; --accent-muted: rgba(168,162,158,.12);
    --color-tab-active-bg: rgba(168,162,158,.12); --color-tab-active-text: #d6d3d1; --color-tab-hover-bg: #292524;
    --color-tooltip-bg: linear-gradient(135deg,#1c1917,#292524); --color-tooltip-text: #e7e5e4; --color-tooltip-title: #d6d3d1; --color-tooltip-muted: #78716c;
    --color-scrollbar-track: #0c0a08; --color-scrollbar-thumb: #44403c; --color-scrollbar-thumb-hover: #57534e;
    --glass-bg: rgba(12,10,8,.96); --glass-border: rgba(68,64,60,.5);
    --color-info-bg: #292524; --color-info-border: #44403c; --color-info-text: #a8a29e; --color-info-accent: #a8a29e;
    --color-gauge-bg: #292524; --color-gauge-marker: #e7e5e4; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}


/* ─── 20. CIANO ─── */
html[data-palette="ciano"] {
    --color-bg-primary: #fafeff; --color-bg-secondary: #ecfeff; --color-bg-tertiary: #cffafe;
    --color-bg-elevated: #fafeff; --color-bg-hover: #cffafe; --color-bg-input: #fafeff;
    --color-bg-input-disabled: #ecfeff;
    --color-text-primary: #083344; --color-text-secondary: #155e75; --color-text-tertiary: #0891b2;
    --color-text-muted: #67e8f9; --color-text-inverse: #ffffff;
    --color-border-primary: #a5f3fc; --color-border-secondary: #67e8f9; --color-border-light: #cffafe;
    --color-border-input: #a5f3fc; --color-border-focus: #06b6d4;
    --shadow-sm: 0 1px 2px rgba(6,182,212,.06); --shadow-md: 0 4px 8px -1px rgba(6,182,212,.08); --shadow-lg: 0 12px 20px -4px rgba(6,182,212,.1); --shadow-focus: 0 0 0 3px rgba(6,182,212,.18);
    --color-tab-active-bg: #cffafe; --color-tab-active-text: #0891b2; --color-tab-hover-bg: #ecfeff;
    --color-tooltip-bg: linear-gradient(135deg,#083344,#155e75); --color-tooltip-text: #cffafe; --color-tooltip-title: #67e8f9; --color-tooltip-muted: #67e8f9;
    --color-scrollbar-thumb: #67e8f9; --color-scrollbar-thumb-hover: #22d3ee;
    --glass-bg: rgba(236,254,255,.96); --glass-border: rgba(165,243,252,.5);
    --color-info-bg: #ecfeff; --color-info-border: #a5f3fc; --color-info-text: #155e75; --color-info-accent: #06b6d4;
}
html.dark[data-palette="ciano"] {
    --color-bg-primary: #031c28; --color-bg-secondary: #082f49; --color-bg-tertiary: #0c4a6e;
    --color-bg-elevated: #155e75; --color-bg-hover: #155e75; --color-bg-input: #0c4a6e;
    --color-bg-input-disabled: #082f49;
    --color-text-primary: #cffafe; --color-text-secondary: #67e8f9; --color-text-tertiary: #67e8f9;
    --color-text-muted: #22d3ee; --color-text-inverse: #031c28;
    --color-border-primary: #155e75; --color-border-secondary: #0891b2; --color-border-light: #0c4a6e;
    --color-border-input: #155e75; --color-border-focus: #22d3ee;
    --shadow-focus: 0 0 0 3px rgba(34,211,238,.28);
    --accent-primary: #22d3ee; --accent-secondary: #06b6d4; --accent-muted: rgba(34,211,238,.14);
    --color-tab-active-bg: rgba(34,211,238,.14); --color-tab-active-text: #22d3ee; --color-tab-hover-bg: #0c4a6e;
    --color-tooltip-bg: linear-gradient(135deg,#082f49,#0c4a6e); --color-tooltip-text: #cffafe; --color-tooltip-title: #22d3ee; --color-tooltip-muted: #67e8f9;
    --color-scrollbar-track: #031c28; --color-scrollbar-thumb: #155e75; --color-scrollbar-thumb-hover: #0891b2;
    --glass-bg: rgba(3,28,40,.96); --glass-border: rgba(21,94,117,.5);
    --color-info-bg: #0c4a6e; --color-info-border: #155e75; --color-info-text: #67e8f9; --color-info-accent: #67e8f9;
    --color-gauge-bg: #0c4a6e; --color-gauge-marker: #cffafe; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ═══════════════════════════════════════════════════════════════
   COMBINAÇÕES ELEGANTES (21-30) — Paletas multi-tom sofisticadas
   ═══════════════════════════════════════════════════════════════ */

/* ── 21. Navy & Gold — Luxo clássico ── */
html[data-palette="navy-gold"] {
    --color-bg-primary: #fffdf7; --color-bg-secondary: #faf6eb; --color-bg-tertiary: #f0e9d6;
    --color-bg-elevated: #ffffff; --color-bg-hover: #f5f0e0; --color-bg-input: #fffef9;
    --color-bg-input-disabled: #f5f0e0;
    --color-text-primary: #1b2a4a; --color-text-secondary: #2d3e63; --color-text-tertiary: #4a5a7a;
    --color-text-muted: #7a8599; --color-text-inverse: #fffdf7;
    --color-border-primary: #e0d5b8; --color-border-secondary: #c9b886; --color-border-light: #ece4cc;
    --color-border-input: #d4c9a8; --color-border-focus: #b8960c;
    --shadow-focus: 0 0 0 3px rgba(184,150,12,.18);
    --accent-primary: #b8960c; --accent-secondary: #9a7d08; --accent-muted: rgba(184,150,12,.10);
    --color-tab-active-bg: rgba(184,150,12,.10); --color-tab-active-text: #9a7d08; --color-tab-hover-bg: #f5f0e0;
    --color-tooltip-bg: linear-gradient(135deg,#1b2a4a,#2d3e63); --color-tooltip-text: #faf6eb; --color-tooltip-title: #d4b84a; --color-tooltip-muted: #8a9ab8;
    --color-scrollbar-track: #f5f0e0; --color-scrollbar-thumb: #c9b886; --color-scrollbar-thumb-hover: #b8960c;
    --glass-bg: rgba(255,253,247,.96); --glass-border: rgba(201,184,134,.5);
    --color-info-bg: #faf6eb; --color-info-border: #e0d5b8; --color-info-text: #1b2a4a; --color-info-accent: #b8960c;
}
html.dark[data-palette="navy-gold"] {
    --color-bg-primary: #0f1729; --color-bg-secondary: #1b2a4a; --color-bg-tertiary: #2d3e63;
    --color-bg-elevated: #253556; --color-bg-hover: #2d3e63; --color-bg-input: #1b2a4a;
    --color-bg-input-disabled: #162240;
    --color-text-primary: #f0e9d6; --color-text-secondary: #d4c9a8; --color-text-tertiary: #b8a87a;
    --color-text-muted: #8a9ab8; --color-text-inverse: #0f1729;
    --color-border-primary: #2d3e63; --color-border-secondary: #4a5a7a; --color-border-light: #1b2a4a;
    --color-border-input: #2d3e63; --color-border-focus: #d4b84a;
    --shadow-focus: 0 0 0 3px rgba(212,184,74,.25);
    --accent-primary: #d4b84a; --accent-secondary: #b8960c; --accent-muted: rgba(212,184,74,.14);
    --color-tab-active-bg: rgba(212,184,74,.14); --color-tab-active-text: #d4b84a; --color-tab-hover-bg: #2d3e63;
    --color-tooltip-bg: linear-gradient(135deg,#1b2a4a,#2d3e63); --color-tooltip-text: #f0e9d6; --color-tooltip-title: #d4b84a; --color-tooltip-muted: #8a9ab8;
    --color-scrollbar-track: #0f1729; --color-scrollbar-thumb: #2d3e63; --color-scrollbar-thumb-hover: #4a5a7a;
    --glass-bg: rgba(15,23,41,.96); --glass-border: rgba(45,62,99,.5);
    --color-info-bg: #1b2a4a; --color-info-border: #2d3e63; --color-info-text: #d4c9a8; --color-info-accent: #d4b84a;
    --color-gauge-bg: #1b2a4a; --color-gauge-marker: #f0e9d6; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 22. Sage & Terracotta — Terroso acolhedor ── */
html[data-palette="sage-terra"] {
    --color-bg-primary: #faf8f5; --color-bg-secondary: #f2ede6; --color-bg-tertiary: #e8e0d4;
    --color-bg-elevated: #ffffff; --color-bg-hover: #eee7db; --color-bg-input: #fcfaf7;
    --color-bg-input-disabled: #eee7db;
    --color-text-primary: #3d4a3a; --color-text-secondary: #556b4e; --color-text-tertiary: #6d7f66;
    --color-text-muted: #8a9683; --color-text-inverse: #faf8f5;
    --color-border-primary: #d4cbb8; --color-border-secondary: #b8a88e; --color-border-light: #e4ddd0;
    --color-border-input: #ccc2ac; --color-border-focus: #c67a4a;
    --shadow-focus: 0 0 0 3px rgba(198,122,74,.18);
    --accent-primary: #c67a4a; --accent-secondary: #a8633a; --accent-muted: rgba(198,122,74,.10);
    --color-tab-active-bg: rgba(198,122,74,.10); --color-tab-active-text: #a8633a; --color-tab-hover-bg: #eee7db;
    --color-tooltip-bg: linear-gradient(135deg,#3d4a3a,#556b4e); --color-tooltip-text: #f2ede6; --color-tooltip-title: #c67a4a; --color-tooltip-muted: #8a9683;
    --color-scrollbar-track: #eee7db; --color-scrollbar-thumb: #b8a88e; --color-scrollbar-thumb-hover: #c67a4a;
    --glass-bg: rgba(250,248,245,.96); --glass-border: rgba(184,168,142,.5);
    --color-info-bg: #f2ede6; --color-info-border: #d4cbb8; --color-info-text: #3d4a3a; --color-info-accent: #c67a4a;
}
html.dark[data-palette="sage-terra"] {
    --color-bg-primary: #1a1f18; --color-bg-secondary: #2a3226; --color-bg-tertiary: #3d4a3a;
    --color-bg-elevated: #354430; --color-bg-hover: #3d4a3a; --color-bg-input: #2a3226;
    --color-bg-input-disabled: #222a1e;
    --color-text-primary: #e8e0d4; --color-text-secondary: #c8bda8; --color-text-tertiary: #a89a82;
    --color-text-muted: #8a9683; --color-text-inverse: #1a1f18;
    --color-border-primary: #3d4a3a; --color-border-secondary: #556b4e; --color-border-light: #2a3226;
    --color-border-input: #3d4a3a; --color-border-focus: #d4915e;
    --shadow-focus: 0 0 0 3px rgba(212,145,94,.25);
    --accent-primary: #d4915e; --accent-secondary: #c67a4a; --accent-muted: rgba(212,145,94,.14);
    --color-tab-active-bg: rgba(212,145,94,.14); --color-tab-active-text: #d4915e; --color-tab-hover-bg: #3d4a3a;
    --color-tooltip-bg: linear-gradient(135deg,#2a3226,#3d4a3a); --color-tooltip-text: #e8e0d4; --color-tooltip-title: #d4915e; --color-tooltip-muted: #8a9683;
    --color-scrollbar-track: #1a1f18; --color-scrollbar-thumb: #3d4a3a; --color-scrollbar-thumb-hover: #556b4e;
    --glass-bg: rgba(26,31,24,.96); --glass-border: rgba(61,74,58,.5);
    --color-info-bg: #2a3226; --color-info-border: #3d4a3a; --color-info-text: #c8bda8; --color-info-accent: #d4915e;
    --color-gauge-bg: #2a3226; --color-gauge-marker: #e8e0d4; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 23. Royal Plum & Copper — Opulento contemporâneo ── */
html[data-palette="plum-copper"] {
    --color-bg-primary: #faf7fb; --color-bg-secondary: #f2ecf5; --color-bg-tertiary: #e6dbed;
    --color-bg-elevated: #ffffff; --color-bg-hover: #ede5f2; --color-bg-input: #fcfafd;
    --color-bg-input-disabled: #ede5f2;
    --color-text-primary: #3a2548; --color-text-secondary: #553a68; --color-text-tertiary: #6f5282;
    --color-text-muted: #8e79a0; --color-text-inverse: #faf7fb;
    --color-border-primary: #d8c8e4; --color-border-secondary: #b89ccc; --color-border-light: #e8ddf0;
    --color-border-input: #d0bedd; --color-border-focus: #b87333;
    --shadow-focus: 0 0 0 3px rgba(184,115,51,.18);
    --accent-primary: #b87333; --accent-secondary: #9a6028; --accent-muted: rgba(184,115,51,.10);
    --color-tab-active-bg: rgba(184,115,51,.10); --color-tab-active-text: #9a6028; --color-tab-hover-bg: #ede5f2;
    --color-tooltip-bg: linear-gradient(135deg,#3a2548,#553a68); --color-tooltip-text: #f2ecf5; --color-tooltip-title: #d4935e; --color-tooltip-muted: #8e79a0;
    --color-scrollbar-track: #ede5f2; --color-scrollbar-thumb: #b89ccc; --color-scrollbar-thumb-hover: #b87333;
    --glass-bg: rgba(250,247,251,.96); --glass-border: rgba(184,156,204,.5);
    --color-info-bg: #f2ecf5; --color-info-border: #d8c8e4; --color-info-text: #3a2548; --color-info-accent: #b87333;
}
html.dark[data-palette="plum-copper"] {
    --color-bg-primary: #1a1020; --color-bg-secondary: #2a1c38; --color-bg-tertiary: #3a2548;
    --color-bg-elevated: #322040; --color-bg-hover: #3a2548; --color-bg-input: #2a1c38;
    --color-bg-input-disabled: #221630;
    --color-text-primary: #e6dbed; --color-text-secondary: #c8b4d8; --color-text-tertiary: #a88ec0;
    --color-text-muted: #8e79a0; --color-text-inverse: #1a1020;
    --color-border-primary: #3a2548; --color-border-secondary: #553a68; --color-border-light: #2a1c38;
    --color-border-input: #3a2548; --color-border-focus: #d4935e;
    --shadow-focus: 0 0 0 3px rgba(212,147,94,.25);
    --accent-primary: #d4935e; --accent-secondary: #b87333; --accent-muted: rgba(212,147,94,.14);
    --color-tab-active-bg: rgba(212,147,94,.14); --color-tab-active-text: #d4935e; --color-tab-hover-bg: #3a2548;
    --color-tooltip-bg: linear-gradient(135deg,#2a1c38,#3a2548); --color-tooltip-text: #e6dbed; --color-tooltip-title: #d4935e; --color-tooltip-muted: #8e79a0;
    --color-scrollbar-track: #1a1020; --color-scrollbar-thumb: #3a2548; --color-scrollbar-thumb-hover: #553a68;
    --glass-bg: rgba(26,16,32,.96); --glass-border: rgba(58,37,72,.5);
    --color-info-bg: #2a1c38; --color-info-border: #3a2548; --color-info-text: #c8b4d8; --color-info-accent: #d4935e;
    --color-gauge-bg: #2a1c38; --color-gauge-marker: #e6dbed; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 24. Teal & Coral — Vibrante moderno ── */
html[data-palette="teal-coral"] {
    --color-bg-primary: #f5fbfa; --color-bg-secondary: #e6f5f2; --color-bg-tertiary: #d0ece6;
    --color-bg-elevated: #ffffff; --color-bg-hover: #daf0eb; --color-bg-input: #f8fcfb;
    --color-bg-input-disabled: #daf0eb;
    --color-text-primary: #1a3a38; --color-text-secondary: #2a5450; --color-text-tertiary: #3d6e68;
    --color-text-muted: #5f8a84; --color-text-inverse: #f5fbfa;
    --color-border-primary: #b8ddd6; --color-border-secondary: #8ac4b8; --color-border-light: #d0ece6;
    --color-border-input: #a8d4ca; --color-border-focus: #e8705a;
    --shadow-focus: 0 0 0 3px rgba(232,112,90,.18);
    --accent-primary: #e8705a; --accent-secondary: #d05a44; --accent-muted: rgba(232,112,90,.10);
    --color-tab-active-bg: rgba(232,112,90,.10); --color-tab-active-text: #d05a44; --color-tab-hover-bg: #daf0eb;
    --color-tooltip-bg: linear-gradient(135deg,#1a3a38,#2a5450); --color-tooltip-text: #e6f5f2; --color-tooltip-title: #e8705a; --color-tooltip-muted: #5f8a84;
    --color-scrollbar-track: #daf0eb; --color-scrollbar-thumb: #8ac4b8; --color-scrollbar-thumb-hover: #e8705a;
    --glass-bg: rgba(245,251,250,.96); --glass-border: rgba(138,196,184,.5);
    --color-info-bg: #e6f5f2; --color-info-border: #b8ddd6; --color-info-text: #1a3a38; --color-info-accent: #e8705a;
}
html.dark[data-palette="teal-coral"] {
    --color-bg-primary: #0c1f1e; --color-bg-secondary: #1a3a38; --color-bg-tertiary: #2a5450;
    --color-bg-elevated: #224a46; --color-bg-hover: #2a5450; --color-bg-input: #1a3a38;
    --color-bg-input-disabled: #143030;
    --color-text-primary: #d0ece6; --color-text-secondary: #a8d4ca; --color-text-tertiary: #8ac4b8;
    --color-text-muted: #5f8a84; --color-text-inverse: #0c1f1e;
    --color-border-primary: #2a5450; --color-border-secondary: #3d6e68; --color-border-light: #1a3a38;
    --color-border-input: #2a5450; --color-border-focus: #f08872;
    --shadow-focus: 0 0 0 3px rgba(240,136,114,.25);
    --accent-primary: #f08872; --accent-secondary: #e8705a; --accent-muted: rgba(240,136,114,.14);
    --color-tab-active-bg: rgba(240,136,114,.14); --color-tab-active-text: #f08872; --color-tab-hover-bg: #2a5450;
    --color-tooltip-bg: linear-gradient(135deg,#1a3a38,#2a5450); --color-tooltip-text: #d0ece6; --color-tooltip-title: #f08872; --color-tooltip-muted: #5f8a84;
    --color-scrollbar-track: #0c1f1e; --color-scrollbar-thumb: #2a5450; --color-scrollbar-thumb-hover: #3d6e68;
    --glass-bg: rgba(12,31,30,.96); --glass-border: rgba(42,84,80,.5);
    --color-info-bg: #1a3a38; --color-info-border: #2a5450; --color-info-text: #a8d4ca; --color-info-accent: #f08872;
    --color-gauge-bg: #1a3a38; --color-gauge-marker: #d0ece6; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 25. Slate & Rose — Sofisticado minimalista ── */
html[data-palette="slate-rose"] {
    --color-bg-primary: #f8f8fa; --color-bg-secondary: #eeedf2; --color-bg-tertiary: #e0dfe6;
    --color-bg-elevated: #ffffff; --color-bg-hover: #e8e6ed; --color-bg-input: #fafafb;
    --color-bg-input-disabled: #e8e6ed;
    --color-text-primary: #2a2a3a; --color-text-secondary: #3e3e52; --color-text-tertiary: #55556e;
    --color-text-muted: #78788e; --color-text-inverse: #f8f8fa;
    --color-border-primary: #d4d3de; --color-border-secondary: #b4b3c4; --color-border-light: #e4e3ec;
    --color-border-input: #cccbda; --color-border-focus: #d4627a;
    --shadow-focus: 0 0 0 3px rgba(212,98,122,.18);
    --accent-primary: #d4627a; --accent-secondary: #b84d64; --accent-muted: rgba(212,98,122,.10);
    --color-tab-active-bg: rgba(212,98,122,.10); --color-tab-active-text: #b84d64; --color-tab-hover-bg: #e8e6ed;
    --color-tooltip-bg: linear-gradient(135deg,#2a2a3a,#3e3e52); --color-tooltip-text: #eeedf2; --color-tooltip-title: #d4627a; --color-tooltip-muted: #78788e;
    --color-scrollbar-track: #e8e6ed; --color-scrollbar-thumb: #b4b3c4; --color-scrollbar-thumb-hover: #d4627a;
    --glass-bg: rgba(248,248,250,.96); --glass-border: rgba(180,179,196,.5);
    --color-info-bg: #eeedf2; --color-info-border: #d4d3de; --color-info-text: #2a2a3a; --color-info-accent: #d4627a;
}
html.dark[data-palette="slate-rose"] {
    --color-bg-primary: #141418; --color-bg-secondary: #22222e; --color-bg-tertiary: #2a2a3a;
    --color-bg-elevated: #262634; --color-bg-hover: #2a2a3a; --color-bg-input: #22222e;
    --color-bg-input-disabled: #1a1a24;
    --color-text-primary: #e0dfe6; --color-text-secondary: #c0bfcc; --color-text-tertiary: #a0a0b4;
    --color-text-muted: #78788e; --color-text-inverse: #141418;
    --color-border-primary: #2a2a3a; --color-border-secondary: #3e3e52; --color-border-light: #22222e;
    --color-border-input: #2a2a3a; --color-border-focus: #e07a90;
    --shadow-focus: 0 0 0 3px rgba(224,122,144,.25);
    --accent-primary: #e07a90; --accent-secondary: #d4627a; --accent-muted: rgba(224,122,144,.14);
    --color-tab-active-bg: rgba(224,122,144,.14); --color-tab-active-text: #e07a90; --color-tab-hover-bg: #2a2a3a;
    --color-tooltip-bg: linear-gradient(135deg,#22222e,#2a2a3a); --color-tooltip-text: #e0dfe6; --color-tooltip-title: #e07a90; --color-tooltip-muted: #78788e;
    --color-scrollbar-track: #141418; --color-scrollbar-thumb: #2a2a3a; --color-scrollbar-thumb-hover: #3e3e52;
    --glass-bg: rgba(20,20,24,.96); --glass-border: rgba(42,42,58,.5);
    --color-info-bg: #22222e; --color-info-border: #2a2a3a; --color-info-text: #c0bfcc; --color-info-accent: #e07a90;
    --color-gauge-bg: #22222e; --color-gauge-marker: #e0dfe6; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 26. Forest & Honey — Natureza rica ── */
html[data-palette="forest-honey"] {
    --color-bg-primary: #f8faf5; --color-bg-secondary: #eef3e6; --color-bg-tertiary: #dde8d0;
    --color-bg-elevated: #ffffff; --color-bg-hover: #e5edda; --color-bg-input: #fafcf7;
    --color-bg-input-disabled: #e5edda;
    --color-text-primary: #1e3318; --color-text-secondary: #2d4a24; --color-text-tertiary: #3f6134;
    --color-text-muted: #5e8050; --color-text-inverse: #f8faf5;
    --color-border-primary: #c4d8b4; --color-border-secondary: #9aba84; --color-border-light: #d8e8ca;
    --color-border-input: #b4ccaa; --color-border-focus: #d4a017;
    --shadow-focus: 0 0 0 3px rgba(212,160,23,.18);
    --accent-primary: #d4a017; --accent-secondary: #b88a10; --accent-muted: rgba(212,160,23,.10);
    --color-tab-active-bg: rgba(212,160,23,.10); --color-tab-active-text: #b88a10; --color-tab-hover-bg: #e5edda;
    --color-tooltip-bg: linear-gradient(135deg,#1e3318,#2d4a24); --color-tooltip-text: #eef3e6; --color-tooltip-title: #d4a017; --color-tooltip-muted: #5e8050;
    --color-scrollbar-track: #e5edda; --color-scrollbar-thumb: #9aba84; --color-scrollbar-thumb-hover: #d4a017;
    --glass-bg: rgba(248,250,245,.96); --glass-border: rgba(154,186,132,.5);
    --color-info-bg: #eef3e6; --color-info-border: #c4d8b4; --color-info-text: #1e3318; --color-info-accent: #d4a017;
}
html.dark[data-palette="forest-honey"] {
    --color-bg-primary: #0e1a0c; --color-bg-secondary: #1e3318; --color-bg-tertiary: #2d4a24;
    --color-bg-elevated: #264020; --color-bg-hover: #2d4a24; --color-bg-input: #1e3318;
    --color-bg-input-disabled: #162a12;
    --color-text-primary: #dde8d0; --color-text-secondary: #b4ccaa; --color-text-tertiary: #9aba84;
    --color-text-muted: #5e8050; --color-text-inverse: #0e1a0c;
    --color-border-primary: #2d4a24; --color-border-secondary: #3f6134; --color-border-light: #1e3318;
    --color-border-input: #2d4a24; --color-border-focus: #e8b830;
    --shadow-focus: 0 0 0 3px rgba(232,184,48,.25);
    --accent-primary: #e8b830; --accent-secondary: #d4a017; --accent-muted: rgba(232,184,48,.14);
    --color-tab-active-bg: rgba(232,184,48,.14); --color-tab-active-text: #e8b830; --color-tab-hover-bg: #2d4a24;
    --color-tooltip-bg: linear-gradient(135deg,#1e3318,#2d4a24); --color-tooltip-text: #dde8d0; --color-tooltip-title: #e8b830; --color-tooltip-muted: #5e8050;
    --color-scrollbar-track: #0e1a0c; --color-scrollbar-thumb: #2d4a24; --color-scrollbar-thumb-hover: #3f6134;
    --glass-bg: rgba(14,26,12,.96); --glass-border: rgba(45,74,36,.5);
    --color-info-bg: #1e3318; --color-info-border: #2d4a24; --color-info-text: #b4ccaa; --color-info-accent: #e8b830;
    --color-gauge-bg: #1e3318; --color-gauge-marker: #dde8d0; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 27. Ocean & Sand — Costeiro mediterrâneo ── */
html[data-palette="ocean-sand"] {
    --color-bg-primary: #faf9f6; --color-bg-secondary: #f2efe8; --color-bg-tertiary: #e6e0d4;
    --color-bg-elevated: #ffffff; --color-bg-hover: #eceade; --color-bg-input: #fcfbf8;
    --color-bg-input-disabled: #eceade;
    --color-text-primary: #1a3040; --color-text-secondary: #2a4a5e; --color-text-tertiary: #3d6478;
    --color-text-muted: #5e8494; --color-text-inverse: #faf9f6;
    --color-border-primary: #d4ccb8; --color-border-secondary: #b8a88e; --color-border-light: #e4ddd0;
    --color-border-input: #ccc2ac; --color-border-focus: #2a7ca8;
    --shadow-focus: 0 0 0 3px rgba(42,124,168,.18);
    --accent-primary: #2a7ca8; --accent-secondary: #1e6690; --accent-muted: rgba(42,124,168,.10);
    --color-tab-active-bg: rgba(42,124,168,.10); --color-tab-active-text: #1e6690; --color-tab-hover-bg: #eceade;
    --color-tooltip-bg: linear-gradient(135deg,#1a3040,#2a4a5e); --color-tooltip-text: #f2efe8; --color-tooltip-title: #4a9cc4; --color-tooltip-muted: #5e8494;
    --color-scrollbar-track: #eceade; --color-scrollbar-thumb: #b8a88e; --color-scrollbar-thumb-hover: #2a7ca8;
    --glass-bg: rgba(250,249,246,.96); --glass-border: rgba(184,168,142,.5);
    --color-info-bg: #f2efe8; --color-info-border: #d4ccb8; --color-info-text: #1a3040; --color-info-accent: #2a7ca8;
}
html.dark[data-palette="ocean-sand"] {
    --color-bg-primary: #0c1820; --color-bg-secondary: #1a3040; --color-bg-tertiary: #2a4a5e;
    --color-bg-elevated: #224054; --color-bg-hover: #2a4a5e; --color-bg-input: #1a3040;
    --color-bg-input-disabled: #142838;
    --color-text-primary: #e6e0d4; --color-text-secondary: #c8bda8; --color-text-tertiary: #b8a88e;
    --color-text-muted: #5e8494; --color-text-inverse: #0c1820;
    --color-border-primary: #2a4a5e; --color-border-secondary: #3d6478; --color-border-light: #1a3040;
    --color-border-input: #2a4a5e; --color-border-focus: #4a9cc4;
    --shadow-focus: 0 0 0 3px rgba(74,156,196,.25);
    --accent-primary: #4a9cc4; --accent-secondary: #2a7ca8; --accent-muted: rgba(74,156,196,.14);
    --color-tab-active-bg: rgba(74,156,196,.14); --color-tab-active-text: #4a9cc4; --color-tab-hover-bg: #2a4a5e;
    --color-tooltip-bg: linear-gradient(135deg,#1a3040,#2a4a5e); --color-tooltip-text: #e6e0d4; --color-tooltip-title: #4a9cc4; --color-tooltip-muted: #5e8494;
    --color-scrollbar-track: #0c1820; --color-scrollbar-thumb: #2a4a5e; --color-scrollbar-thumb-hover: #3d6478;
    --glass-bg: rgba(12,24,32,.96); --glass-border: rgba(42,74,94,.5);
    --color-info-bg: #1a3040; --color-info-border: #2a4a5e; --color-info-text: #c8bda8; --color-info-accent: #4a9cc4;
    --color-gauge-bg: #1a3040; --color-gauge-marker: #e6e0d4; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 28. Midnight & Lavender — Elegante noturno ── */
html[data-palette="midnight-lav"] {
    --color-bg-primary: #f8f6fc; --color-bg-secondary: #f0ebf7; --color-bg-tertiary: #e2d8f0;
    --color-bg-elevated: #ffffff; --color-bg-hover: #e9e0f3; --color-bg-input: #faf8fd;
    --color-bg-input-disabled: #e9e0f3;
    --color-text-primary: #1e1838; --color-text-secondary: #302850; --color-text-tertiary: #463e6a;
    --color-text-muted: #6a6090; --color-text-inverse: #f8f6fc;
    --color-border-primary: #d4c8e8; --color-border-secondary: #b4a4d4; --color-border-light: #e6dcf2;
    --color-border-input: #ccc0e2; --color-border-focus: #8b6cc4;
    --shadow-focus: 0 0 0 3px rgba(139,108,196,.18);
    --accent-primary: #8b6cc4; --accent-secondary: #7454b0; --accent-muted: rgba(139,108,196,.10);
    --color-tab-active-bg: rgba(139,108,196,.10); --color-tab-active-text: #7454b0; --color-tab-hover-bg: #e9e0f3;
    --color-tooltip-bg: linear-gradient(135deg,#1e1838,#302850); --color-tooltip-text: #f0ebf7; --color-tooltip-title: #a88ee0; --color-tooltip-muted: #6a6090;
    --color-scrollbar-track: #e9e0f3; --color-scrollbar-thumb: #b4a4d4; --color-scrollbar-thumb-hover: #8b6cc4;
    --glass-bg: rgba(248,246,252,.96); --glass-border: rgba(180,164,212,.5);
    --color-info-bg: #f0ebf7; --color-info-border: #d4c8e8; --color-info-text: #1e1838; --color-info-accent: #8b6cc4;
}
html.dark[data-palette="midnight-lav"] {
    --color-bg-primary: #100e1e; --color-bg-secondary: #1e1838; --color-bg-tertiary: #302850;
    --color-bg-elevated: #282048; --color-bg-hover: #302850; --color-bg-input: #1e1838;
    --color-bg-input-disabled: #161228;
    --color-text-primary: #e2d8f0; --color-text-secondary: #c4b4e0; --color-text-tertiary: #a898cc;
    --color-text-muted: #6a6090; --color-text-inverse: #100e1e;
    --color-border-primary: #302850; --color-border-secondary: #463e6a; --color-border-light: #1e1838;
    --color-border-input: #302850; --color-border-focus: #a88ee0;
    --shadow-focus: 0 0 0 3px rgba(168,142,224,.25);
    --accent-primary: #a88ee0; --accent-secondary: #8b6cc4; --accent-muted: rgba(168,142,224,.14);
    --color-tab-active-bg: rgba(168,142,224,.14); --color-tab-active-text: #a88ee0; --color-tab-hover-bg: #302850;
    --color-tooltip-bg: linear-gradient(135deg,#1e1838,#302850); --color-tooltip-text: #e2d8f0; --color-tooltip-title: #a88ee0; --color-tooltip-muted: #6a6090;
    --color-scrollbar-track: #100e1e; --color-scrollbar-thumb: #302850; --color-scrollbar-thumb-hover: #463e6a;
    --glass-bg: rgba(16,14,30,.96); --glass-border: rgba(48,40,80,.5);
    --color-info-bg: #1e1838; --color-info-border: #302850; --color-info-text: #c4b4e0; --color-info-accent: #a88ee0;
    --color-gauge-bg: #1e1838; --color-gauge-marker: #e2d8f0; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 29. Charcoal & Mint — Tech clean moderno ── */
html[data-palette="charcoal-mint"] {
    --color-bg-primary: #f6f9f8; --color-bg-secondary: #ecf2f0; --color-bg-tertiary: #dce8e4;
    --color-bg-elevated: #ffffff; --color-bg-hover: #e4ede9; --color-bg-input: #f8fbfa;
    --color-bg-input-disabled: #e4ede9;
    --color-text-primary: #252a28; --color-text-secondary: #363d3a; --color-text-tertiary: #4a5451;
    --color-text-muted: #6d7a76; --color-text-inverse: #f6f9f8;
    --color-border-primary: #cdd8d4; --color-border-secondary: #a8bab4; --color-border-light: #dde6e2;
    --color-border-input: #c0d0ca; --color-border-focus: #3aaa8c;
    --shadow-focus: 0 0 0 3px rgba(58,170,140,.18);
    --accent-primary: #3aaa8c; --accent-secondary: #2d9078; --accent-muted: rgba(58,170,140,.10);
    --color-tab-active-bg: rgba(58,170,140,.10); --color-tab-active-text: #2d9078; --color-tab-hover-bg: #e4ede9;
    --color-tooltip-bg: linear-gradient(135deg,#252a28,#363d3a); --color-tooltip-text: #ecf2f0; --color-tooltip-title: #4ac4a4; --color-tooltip-muted: #6d7a76;
    --color-scrollbar-track: #e4ede9; --color-scrollbar-thumb: #a8bab4; --color-scrollbar-thumb-hover: #3aaa8c;
    --glass-bg: rgba(246,249,248,.96); --glass-border: rgba(168,186,180,.5);
    --color-info-bg: #ecf2f0; --color-info-border: #cdd8d4; --color-info-text: #252a28; --color-info-accent: #3aaa8c;
}
html.dark[data-palette="charcoal-mint"] {
    --color-bg-primary: #121614; --color-bg-secondary: #1e2422; --color-bg-tertiary: #2a3230;
    --color-bg-elevated: #242c2a; --color-bg-hover: #2a3230; --color-bg-input: #1e2422;
    --color-bg-input-disabled: #181e1c;
    --color-text-primary: #dce8e4; --color-text-secondary: #b8ccc6; --color-text-tertiary: #98b4ac;
    --color-text-muted: #6d7a76; --color-text-inverse: #121614;
    --color-border-primary: #2a3230; --color-border-secondary: #3a4644; --color-border-light: #1e2422;
    --color-border-input: #2a3230; --color-border-focus: #4ac4a4;
    --shadow-focus: 0 0 0 3px rgba(74,196,164,.25);
    --accent-primary: #4ac4a4; --accent-secondary: #3aaa8c; --accent-muted: rgba(74,196,164,.14);
    --color-tab-active-bg: rgba(74,196,164,.14); --color-tab-active-text: #4ac4a4; --color-tab-hover-bg: #2a3230;
    --color-tooltip-bg: linear-gradient(135deg,#1e2422,#2a3230); --color-tooltip-text: #dce8e4; --color-tooltip-title: #4ac4a4; --color-tooltip-muted: #6d7a76;
    --color-scrollbar-track: #121614; --color-scrollbar-thumb: #2a3230; --color-scrollbar-thumb-hover: #3a4644;
    --glass-bg: rgba(18,22,20,.96); --glass-border: rgba(42,50,48,.5);
    --color-info-bg: #1e2422; --color-info-border: #2a3230; --color-info-text: #b8ccc6; --color-info-accent: #4ac4a4;
    --color-gauge-bg: #1e2422; --color-gauge-marker: #dce8e4; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}

/* ── 30. Wine & Ivory — Clássico sofisticado ── */
html[data-palette="wine-ivory"] {
    --color-bg-primary: #fdf9f6; --color-bg-secondary: #f8f0ea; --color-bg-tertiary: #f0e4d8;
    --color-bg-elevated: #ffffff; --color-bg-hover: #f4eae0; --color-bg-input: #fefbf8;
    --color-bg-input-disabled: #f4eae0;
    --color-text-primary: #3a1c28; --color-text-secondary: #5a2a3e; --color-text-tertiary: #723a52;
    --color-text-muted: #946a7e; --color-text-inverse: #fdf9f6;
    --color-border-primary: #e4d0c4; --color-border-secondary: #ccaa98; --color-border-light: #eee0d4;
    --color-border-input: #dcc4b4; --color-border-focus: #8a2846;
    --shadow-focus: 0 0 0 3px rgba(138,40,70,.18);
    --accent-primary: #8a2846; --accent-secondary: #72203a; --accent-muted: rgba(138,40,70,.10);
    --color-tab-active-bg: rgba(138,40,70,.10); --color-tab-active-text: #72203a; --color-tab-hover-bg: #f4eae0;
    --color-tooltip-bg: linear-gradient(135deg,#3a1c28,#5a2a3e); --color-tooltip-text: #f8f0ea; --color-tooltip-title: #c44a6e; --color-tooltip-muted: #946a7e;
    --color-scrollbar-track: #f4eae0; --color-scrollbar-thumb: #ccaa98; --color-scrollbar-thumb-hover: #8a2846;
    --glass-bg: rgba(253,249,246,.96); --glass-border: rgba(204,170,152,.5);
    --color-info-bg: #f8f0ea; --color-info-border: #e4d0c4; --color-info-text: #3a1c28; --color-info-accent: #8a2846;
}
html.dark[data-palette="wine-ivory"] {
    --color-bg-primary: #1a0e14; --color-bg-secondary: #2e1822; --color-bg-tertiary: #3a1c28;
    --color-bg-elevated: #341a24; --color-bg-hover: #3a1c28; --color-bg-input: #2e1822;
    --color-bg-input-disabled: #24121a;
    --color-text-primary: #f0e4d8; --color-text-secondary: #d4c0b0; --color-text-tertiary: #baa090;
    --color-text-muted: #946a7e; --color-text-inverse: #1a0e14;
    --color-border-primary: #3a1c28; --color-border-secondary: #5a2a3e; --color-border-light: #2e1822;
    --color-border-input: #3a1c28; --color-border-focus: #c44a6e;
    --shadow-focus: 0 0 0 3px rgba(196,74,110,.25);
    --accent-primary: #c44a6e; --accent-secondary: #8a2846; --accent-muted: rgba(196,74,110,.14);
    --color-tab-active-bg: rgba(196,74,110,.14); --color-tab-active-text: #c44a6e; --color-tab-hover-bg: #3a1c28;
    --color-tooltip-bg: linear-gradient(135deg,#2e1822,#3a1c28); --color-tooltip-text: #f0e4d8; --color-tooltip-title: #c44a6e; --color-tooltip-muted: #946a7e;
    --color-scrollbar-track: #1a0e14; --color-scrollbar-thumb: #3a1c28; --color-scrollbar-thumb-hover: #5a2a3e;
    --glass-bg: rgba(26,14,20,.96); --glass-border: rgba(58,28,40,.5);
    --color-info-bg: #2e1822; --color-info-border: #3a1c28; --color-info-text: #d4c0b0; --color-info-accent: #c44a6e;
    --color-gauge-bg: #2e1822; --color-gauge-marker: #f0e4d8; --color-gauge-marker-shadow: rgba(0,0,0,.8);
}