/* syapp/css/temas.css */

/* As variáveis no :root são o nosso tema 'claro' padrão */

/* --- Tema: Escuro (Dark) --- */
body[data-theme="escuro"] {
    --cor-primaria: #00aaff;
    --cor-primaria-hover: #0088cc;
    --cor-fundo: #121212;
    --cor-surface: rgba(30, 30, 30, 0.75);
	--cor-surface2: rgba(30, 30, 30);
    --cor-texto: #e0e0e0;
    --cor-texto-claro: #121212;
    --cor-borda: rgba(51, 51, 51, 0.5);
}

/* --- Tema: Vidro (Glassmorphism) --- */
body[data-theme="vidro"] {
    --cor-primaria: #ff69b4;
    --cor-primaria-hover: #ff85c8;
    --cor-fundo: #1a1a2e;
    --cor-surface: rgba(255, 255, 255, 0.1);
	--cor-surface2: rgba(255, 255, 255);
    --cor-texto: #ffffff;
    --cor-texto-claro: #1a1a2e;
    --cor-borda: rgba(255, 255, 255, 0.2);
}

/* --- Tema: Água (Water) --- */
body[data-theme="agua"] {
    --cor-primaria: #0077b6;
    --cor-primaria-hover: #0096c7;
    --cor-fundo: #caf0f8;
    --cor-surface: rgba(255, 255, 255, 0.6);
	 --cor-surface2: rgba(255, 255, 255);
    --cor-texto: #03045e;
    --cor-texto-claro: #ffffff;
    --cor-borda: rgba(173, 232, 244, 0.7);
}

/* --- Tema: Fogo (Fire) --- */
body[data-theme="fogo"] {
    --cor-primaria: #ff7b00;
    --cor-primaria-hover: #ff8800;
    --cor-fundo: #212121;
    --cor-surface: rgba(51, 51, 51, 0.7);
	--cor-surface2:rgba(51, 51, 51,);
    --cor-texto: #ffca28;
    --cor-texto-claro: #212121;
    --cor-borda: rgba(66, 66, 66, 0.5);
}

/* --- Tema: Floresta (Forest) --- */
body[data-theme="floresta"] {
    --cor-primaria: #55a630;
    --cor-primaria-hover: #80b918;
    --cor-fundo: #f0ead2;
    --cor-surface: rgba(255, 255, 255, 0.65);
	--cor-surface2: rgba(255, 255, 255);
    --cor-texto: #2b2c1f;
    --cor-texto-claro: #ffffff;
    --cor-borda: rgba(221, 229, 182, 0.8);
}

/* --- Tema: Galáxia (Galaxy) --- */
body[data-theme="galaxia"] {
    --cor-primaria: #9d4edd;
    --cor-primaria-hover: #c77dff;
    --cor-fundo: #0c0a09;
    --cor-surface: rgba(20, 17, 21, 0.7);
	--cor-surface2: rgba(20, 17, 21);
    --cor-texto: #e0aaff;
    --cor-texto-claro: #0c0a09;
    --cor-borda: rgba(60, 9, 108, 0.5);
}

/* Aplicação do Efeito de Desfoque (Blur) */
body:not([data-theme="claro"]):not([data-theme="agua"]):not([data-theme="floresta"]) .main-header,
body:not([data-theme="claro"]):not([data-theme="agua"]):not([data-theme="floresta"]) .event-card,
body:not([data-theme="claro"]):not([data-theme="agua"]):not([data-theme="floresta"]) .auth-card {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* Compatibilidade com Safari */
}