/* /css/temas.css */

/*
 * =================================================================
 * DEFINIÇÃO DAS PALETAS DE CORES PARA CADA TEMA
 * =================================================================
 * A variável --cor-surface agora usa transparência (rgba)
 * para permitir o efeito de vidro fosco (Glassmorphism).
 */

/* --- Tema: Claro (Padrão, definido no base.css) --- */
/* O tema claro padrão não usará transparência para manter a simplicidade. */

/* --- 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 escura com 75% de opacidade */
    --cor-texto: #e0e0e0;
    --cor-texto-claro: #121212;
    --cor-borda: rgba(51, 51, 51, 0.5); /* Borda também com transparência */
}

/* --- 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); /* Superfície bem transparente */
    --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); /* Branco com 60% de opacidade */
    --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); /* Cinza escuro com 70% de opacidade */
    --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); /* Branco com 65% de opacidade */
    --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); /* Roxo escuro com 70% de opacidade */
    --cor-texto: #e0aaff;
    --cor-texto-claro: #0c0a09;
    --cor-borda: rgba(60, 9, 108, 0.5);
}

/*
 * =================================================================
 * APLICAÇÃO DO EFEITO BLUR (DESFOQUE)
 * =================================================================
 * Esta regra aplica o efeito de desfoque em todos os elementos
 * que usam a cor de superfície, em QUALQUER tema (exceto o claro).
 */
body:not([data-theme="claro"]) .site-header,
body:not([data-theme="claro"]) .site-footer,
body:not([data-theme="claro"]) .course-card,
body:not([data-theme="claro"]) .hero-section,
body:not([data-theme="claro"]) .auth-card-face {
    /* A propriedade mágica para o efeito de vidro fosco */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* Para compatibilidade com Safari */
}