/* TEMAS COMPARTILHADOS
   Cores: blue, green, red, violet, gray.
   Paletas adicionais: data-tema="orion", "black", "dark".
   Aparência: data-theme="light" ou "dark".
   Sem atributos, o padrão é blue e light.
*/

/* PALETAS — 5 tons por cor: base1 (mais clara) até base5 (mais escura). */
:root,
html[data-cor="blue"] {
    --base1:#e3ecf4;
    --base2:#9bbdd9;
    --base3:#1263a5;
    --base4:#0e4d81;
    --base5:#0a365b;
    --base-texto:#fff;
    --grifo:#ffb62e;
    --grifo2:var(--base3);
    --hero-gradiente:linear-gradient(to right,rgba(11,78,136,.95) 0%,rgba(11,78,136,.30) 55%,transparent 80%);
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}
html[data-cor="green"] {
    --base1:#e3eeea;
    --base2:#9ec4b4;
    --base3:#18734d;
    --base4:#135a3c;
    --base5:#0d3f2a;
    --hero-gradiente:linear-gradient(to right,rgba(11,27,0,.95) 0%,rgba(11,27,0,.65) 55%,transparent 80%);
    --faixa-topo:linear-gradient(110deg,rgba(2,50,26,.92),rgba(2,50,26,.70));
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}
html[data-cor="red"] {
    --base1:#f5e6e8;
    --base2:#daa9ae;
    --base3:#a8323e;
    --base4:#832730;
    --base5:#5c1c22;
    --hero-gradiente:linear-gradient(to right,rgba(51,2,2,.95) 0%,rgba(51,2,2,.65) 55%,transparent 80%);
    --faixa-topo:linear-gradient(110deg,rgba(173,44,61,.92),rgba(222,82,102,.88));
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}
html[data-cor="violet"] {
    --base1:#eee9f4;
    --base2:#c3b0d7;
    --base3:#7044a0;
    --base4:#57357d;
    --base5:#3e2558;
    --hero-gradiente:linear-gradient(to right,rgba(73,26,123,.95) 0%,rgba(73,26,123,.65) 55%,transparent 80%);
    --faixa-topo:linear-gradient(110deg,rgba(112,68,160,.92),rgba(157,109,211,.88));
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}
html[data-cor="gray"] {
    --base1:#e9ebed;
    --base2:#b1b8c0;
    --base3:#46576a;
    --base4:#374453;
    --base5:#26303a;
    --hero-gradiente:linear-gradient(to right,rgba(70,87,106,.95) 0%,rgba(70,87,106,.65) 55%,transparent 80%);
    --faixa-topo:linear-gradient(110deg,rgba(70,87,106,.92),rgba(118,142,165,.88));
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}
html[data-tema="orion"] {
    --base1:#e9ebed;
    --base2:#b1bac1;
    --base3:#465a6b;
    --base4:#374653;
    --base5:#26323b;
    --hero-gradiente:linear-gradient(to right,rgba(70,90,107,.95) 0%,rgba(70,90,107,.65) 55%,transparent 80%);
    --faixa-topo:linear-gradient(110deg,rgba(55,97,127,.92),rgba(105,151,184,.88));
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}
html[data-tema="black"] {
    --base1:#eaeced;
    --base2:#b6bbc2;
    --base3:#525d6d;
    --base4:#404955;
    --base5:#2d333c;
    --hero-gradiente:linear-gradient(to right,rgba(15,20,35,.95) 0%,rgba(15,20,35,.65) 55%,transparent 80%);
    --faixa-topo:linear-gradient(110deg,rgba(31,41,55,.92),rgba(82,93,109,.88));
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}
html[data-tema="dark"] {
    --base1:#e0e7eb;
    --base2:#94a9b9;
    --base3:#003358;
    --base4:#002845;
    --base5:#001c30;
    --hero-gradiente:linear-gradient(to right,rgba(0,51,88,.95) 0%,rgba(0,51,88,.65) 55%,transparent 80%);
    --faixa-topo:linear-gradient(110deg,rgba(31,41,55,.92),rgba(82,93,109,.88));
    --sidebar-hover:rgba(255,255,255,.13);
    --header-topo-hover:rgba(255,255,255,.13);
}

/* PAPÉIS — DERIVADOS DA PALETA E COMPARTILHADOS ENTRE COMPONENTES */
:root {
    --botao-fundo:var(--base3);
    --botao-texto:var(--base-texto);
    --botao-hover:var(--base4);
    --footer-fundo:var(--base5);
    --footer-texto:var(--base-texto);
}

/* LITERAIS FIXOS — iguais em todas as paletas (véus/sombras neutros do header/sidebar/busca) */
:root {
    --sidebar-linha:rgba(255,255,255,.18);
    --sidebar-suave:rgba(255,255,255,.12);
    --sidebar-sombra:8px 0 32px rgba(0,0,0,.17);
    --header-menu-sombra:0 12px 28px rgba(0,0,0,.16);
    --busca-linha-suave:rgba(255,255,255,.2);
}

/* CLARO — PADRÃO, MESMO SEM data-theme */
:root {
    --fundo:#ddd;
    --content-pages:#fff;
    --fundo-suave:#f4f7f9;
    --fundo-destaque:#eaf2f8;
    --texto:#19232d;
    --texto-suave:#596672;
    --titulo:#142332;
    --linha:#dce3e8;
    --link:var(--base3);
    --link-hover:var(--base4);
    --botao-secundario-fundo:var(--base1);
    --botao-secundario-texto:var(--base3);
    --card-fundo:#fff;
    --card-texto:var(--texto);
    --card-linha:var(--linha);
    --card-sombra:0 8px 24px rgba(20,35,50,.08);
    --header-fundo:#fff;
    --header-texto:var(--texto);
    --header-linha:var(--linha);
    --header-hover:var(--base1);
    --campo-fundo:#fff;
    --campo-texto:var(--texto);
    --campo-linha:#cdd8df;
    --campo-placeholder:var(--texto-suave);
    --modal-fundo:var(--card-fundo);
    --modal-texto:var(--texto);
    --scroll-trilho:#000;
    --scroll-indicador:#8d9aa4;
    --scroll-hover:#63717c;
    --header-suave:#f2f5f7;
    --header-sombra:0 3px 12px rgba(0,0,0,.05);
    --busca-fundo:rgba(8,20,36,.94);
    --busca-texto:#fff;
    --busca-suave:#cbd9e5;
    --busca-linha:rgba(255,255,255,.35);
    --busca-destaque:#34c8e8;
}

/* ESCURO */
html[data-theme="dark"] {
    --fundo:#101820;
    --content-pages:#17232e;
    --fundo-suave:#17232e;
    --fundo-destaque:#203140;
    --texto:#f5f7f9;
    --texto-suave:#b7c2cc;
    --titulo:#fff;
    --linha:#344350;
    --link:var(--base2);
    --link-hover:#fff;
    --botao-secundario-fundo:#263b4b;
    --botao-secundario-texto:var(--base2);
    --card-fundo:#1c2833;
    --card-texto:var(--texto);
    --card-linha:var(--linha);
    --card-sombra:0 8px 24px rgba(0,0,0,.2);
    --header-fundo:#14212b;
    --header-texto:var(--texto);
    --header-linha:var(--linha);
    --header-hover:#243849;
    --campo-fundo:#1c2833;
    --campo-texto:var(--texto);
    --campo-linha:#455767;
    --campo-placeholder:var(--texto-suave);
    --modal-fundo:var(--card-fundo);
    --modal-texto:var(--texto);
    --scroll-trilho:#000;
    --scroll-indicador:#b8d0df;
    --scroll-hover:#fff;
    --header-suave:#1c2833;
    --header-sombra:0 3px 12px rgba(0,0,0,.38);
    --busca-fundo:rgba(4,10,18,.96);
    --busca-texto:#fff;
    --busca-suave:#cbd9e5;
    --busca-linha:rgba(255,255,255,.35);
    --busca-destaque:#4dd8f5;
}

/* APLICAÇÃO */
html,body {background:var(--fundo); color:var(--texto)}
html {scrollbar-color:var(--scroll-indicador) var(--scroll-trilho)}
html::-webkit-scrollbar {width:10px}
html::-webkit-scrollbar-track {background:var(--scroll-trilho)}
html::-webkit-scrollbar-thumb {background:var(--scroll-indicador); border-radius:999px}
html::-webkit-scrollbar-thumb:hover {background:var(--scroll-hover)}
.grifo.grifo {color:var(--grifo); -webkit-text-fill-color:var(--grifo)}
.grifo2.grifo2 {color:var(--grifo2); -webkit-text-fill-color:var(--grifo2)}