:root{
--cor-primaria:#64b5f6;
--cor-primaria-hover:#42a5f5;

--cor-secundaria:#ffb74d;
--cor-secundaria-hover:#ffa726;

--cor-branco:#ffffff;
--cor-preto:#000000;

--cor-fundo:#121212;
--cor-superficie:#1e1e1e;

--texto-principal:#e0e0e0;
--texto-secundario:#b0b0b0;
--texto-claro:#ffffff;

--borda-clara:#2a2a2a;
--borda-media:#3a3a3a;
--borda-escura:#555555;

--aba-fundo:#2b2b2b;
--aba-hover:#3a3a3a;
--aba-ativa:#1e1e1e;

--sombra-leve:0 2px 4px rgba(0,0,0,0.4);
--sombra-media:0 4px 10px rgba(0,0,0,0.5);
--sombra-forte:0 8px 18px rgba(0,0,0,0.6);
}

body.tema-light{
--cor-primaria: #1e88e5;
--cor-primaria-hover: #1565c0;

--cor-secundaria: #ff9800;
--cor-secundaria-hover: #f57c00;

--cor-branco: #ffffff;
--cor-preto: #000000;

--cor-fundo: #f2f2f2;
--cor-superficie: #ffffff;

--texto-principal: #222222;
--texto-secundario: #666666;
--texto-claro: #ffffff;

--borda-clara: #e0e0e0;
--borda-media: #cccccc;
--borda-escura: #999999;

--aba-fundo: #cfcfcf;
--aba-hover: #e5e5e5;
--aba-ativa: #ffffff;

--sombra-leve: 0 2px 4px rgba(0,0,0,0.08);
--sombra-media: 0 4px 8px rgba(0,0,0,0.12);
--sombra-forte: 0 8px 16px rgba(0,0,0,0.18);

}
body.tema-azul{

--cor-primaria:#1565c0;
--cor-primaria-hover:#0d47a1;

--cor-secundaria:#42a5f5;
--cor-secundaria-hover:#1e88e5;

--cor-branco:#ffffff;
--cor-preto:#000000;

--cor-fundo:#f2f6fb;
--cor-superficie:#ffffff;

--texto-principal:#1b1b1b;
--texto-secundario:#5f6368;
--texto-claro:#ffffff;

--borda-clara:#e0e6ed;
--borda-media:#c7d2de;
--borda-escura:#9aa7b5;

--aba-fundo:#dbe7f5;
--aba-hover:#eef3fb;
--aba-ativa:#ffffff;

--sombra-leve:0 2px 4px rgba(0,0,0,0.08);
--sombra-media:0 4px 8px rgba(0,0,0,0.12);
--sombra-forte:0 8px 16px rgba(0,0,0,0.18);

}
body.tema-verde{

--cor-primaria:#2e7d32;
--cor-primaria-hover:#1b5e20;

--cor-secundaria:#00acc1;
--cor-secundaria-hover:#00838f;

--cor-branco:#ffffff;
--cor-preto:#000000;

--cor-fundo:#f1f8f4;
--cor-superficie:#ffffff;

--texto-principal:#1b1b1b;
--texto-secundario:#5f6368;
--texto-claro:#ffffff;

--borda-clara:#e0e0e0;
--borda-media:#c8c8c8;
--borda-escura:#9e9e9e;

--aba-fundo:#d9e7db;
--aba-hover:#eef5ef;
--aba-ativa:#ffffff;

--sombra-leve:0 2px 4px rgba(0,0,0,0.08);
--sombra-media:0 4px 8px rgba(0,0,0,0.12);
--sombra-forte:0 8px 16px rgba(0,0,0,0.18);

}

body.tema-vermelho{
--cor-primaria:#d32f2f;
--cor-primaria-hover:#b71c1c;

--cor-secundaria:#ff7043;
--cor-secundaria-hover:#f4511e;

--cor-branco:#ffffff;
--cor-preto:#000000;

--cor-fundo:#f5f5f5;
--cor-superficie:#ffffff;

--texto-principal:#222222;
--texto-secundario:#666666;
--texto-claro:#ffffff;

--borda-clara:#e4e4e4;
--borda-media:#d0d0d0;
--borda-escura:#9e9e9e;

--aba-fundo:#e9d5d5;
--aba-hover:#f2e4e4;
--aba-ativa:#ffffff;

--sombra-leve:0 2px 4px rgba(0,0,0,0.08);
--sombra-media:0 4px 8px rgba(0,0,0,0.12);
--sombra-forte:0 8px 16px rgba(0,0,0,0.18);
}

body.tema-dark{

--cor-primaria:#64b5f6;
--cor-primaria-hover:#42a5f5;

--cor-secundaria:#ffb74d;
--cor-secundaria-hover:#ffa726;

--cor-branco:#ffffff;
--cor-preto:#000000;

--cor-fundo:#121212;
--cor-superficie:#1e1e1e;

--texto-principal:#e0e0e0;
--texto-secundario:#b0b0b0;
--texto-claro:#ffffff;

--borda-clara:#2a2a2a;
--borda-media:#3a3a3a;
--borda-escura:#555555;

--aba-fundo:#2b2b2b;
--aba-hover:#3a3a3a;
--aba-ativa:#1e1e1e;

--sombra-leve:0 2px 4px rgba(0,0,0,0.4);
--sombra-media:0 4px 10px rgba(0,0,0,0.5);
--sombra-forte:0 8px 18px rgba(0,0,0,0.6);
}
body{
    margin:0;
    font-family:Arial;
	background:var(--cor-fundo);
	color:var(--texto-principal);
}