:root.lighttema {
    --bg-body: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 50%, #EEF2FF 100%);    --text-primary: #1e293b;
}
:root.darktema {
    --bg-body: linear-gradient(180deg, #020617 0%, #0F172A 50%, #1E1B4B 100%);    --text-primary: #ffffff;
}


/* RESET E CONFIGURAÇÕES GLOBAIS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
html, body {
    height: 100%; /* VAI COBRIR TODA A TELA */
}

.container-mobile {
    width: 100%;
    padding: 18px 14px;
    overflow-x: hidden;
    max-width: 100vw;
    
    /*  Garante que filhos respeitem limites */
    box-sizing: border-box;

    padding-bottom: 100px;
}

body {
    background: var(--bg-body);
    color: var(--text-primary);
    transition: background-color 0.3s, color 0.3s;
    

    background-attachment: fixed;
    
    /*  Bloqueia scroll lateral */
    overflow-x: hidden;
    width: 100%;
    position: relative;


}

body, .conteiner-quest, .modal, .menu {
    transition: background 0.2s ease, color 0.3s ease, border-color 0.3s ease;
}