/* --- VARIÁVEIS DE TEMA --- */
:root {
    --bg-body: #FFFFFF;
    --bg-card: #FFFFFF;
    --text-main: #1E293B;
    --text-muted: #64748B;
    --accent: #20B2AA; 
    --accent-rgb-val: 32, 178, 170; /* RGB para LightSeaGreen */
    --accent-gradient: linear-gradient(135deg, #20B2AA, #17a2b8);
    --border: #E2E8F0;
    --radius: 16px; 
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    --cor-dificil: #EF4444;   /* Vermelho */
    --cor-razoavel: #F59E0B;  /* Amarelo */
    --cor-facil: #10B981;     /* Verde */
    --cor-correcao: #FFA500;  /* Laranja Puro */

    --cor-dificil-shadow: rgba(239, 68, 68, 0.6);   /* Vermelho com opacidade */
    --cor-razoavel-shadow: rgba(245, 158, 11, 0.6);  /* Amarelo mais escuro com opacidade */
    --cor-facil-shadow: rgba(16, 185, 129, 0.6);     /* Verde com opacidade */
    
    --bg-label-estudo: rgba(0, 0, 0, 0.85); /* Changed from 0.8 to 0.85 */
    --bg-input-flash: rgba(0, 0, 0, 0.75);  /* Changed from 0.7 to 0.75 */
    --shadow-premium: 0 10px 25px -5px rgba(0, 0, 0, 0.3); /* Changed shadow values */
}

body.dark-mode {
    --bg-body: #0F172A;
    --bg-card: #1E293B;
    --text-main: #F1F5F9;
    --text-muted: #94A3B8;
    --accent: #FF5252;
    --accent-rgb-val: 255, 82, 82; /* RGB para Vibrant Red */
    --accent-gradient: linear-gradient(135deg, #FF5252, #D32F2F);
    --border: #334155;
    /* The premium shadow also changes in dark mode */
    --shadow-premium: 0 10px 25px -5px rgba(0, 0, 0, 0.7); /* Darker shadow for dark mode */
}