:root{
    /*Cores*/
    --color-mb: #1064da;
    --color-sec: #2782f5;
    --color-mbsec: #6F589D;
    --branco: #ffffff;
    --bs-body-color: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #555c62;
    --borde-secondary: #bcbcbc;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #0d1216;
    --bs-danger-bg-subtle: #F8D7DA;
    --bs-info-bg-subtle: #CFF4FC;
    --bs-warning-bg-subtle: #FFF3CD;
    --bg: #f9fcff;
    --font: 'ProximaNova';
    --font-bold: 'ProximaBold';
    --font-black: 'ProximaBlack';
    --color-hover: rgba(74, 46, 127, .1);
    --bs-back-pri: #CFE2FF;
    --bs-color-pri: #052C65;
    --bs-border-pri: #9EC5FE;
    --alert-bg: #FFF3CD;
    --alert-border: #FAE199;
    --alert-color: #664D03;
    --bg-box: #e9d2ff;
    --bg-success: #D1E7DD;
    --color-success: #0a3622;
    --border-success: #A3CFBB;
    
    --mg-body: #F4F5FF;
    --mg-color: #1D1E20;
    --mg-back: #F3EFFD;
    --mg-act-color: #673DE6;
    --mg-border: #DAD9DA;

    /* Variaveis de tema (claro/escuro). Prefixo --dk- = "dark-mode-aware":
       usadas só em CSS já migrado pro toggle, pra não afetar páginas que
       ainda usam --bg/--bs-dark/etc direto. Ir migrando aos poucos e
       trocando o CSS legado pra usar essas em vez das antigas. */
    --dk-bg: #f9fcff;
    --dk-card: #ffffff;
    --dk-border: #d7d7ea;
    --dk-text: #0d1216;
    --dk-icon: #bcbcbc;
    --dk-hover: rgba(74, 46, 127, .1);
    --dk-scrollbar: #cccccc;
}

[data-theme="dark"]{
    --dk-bg: #14151a;
    --dk-card: #1c1e24;
    --dk-border: #2c2e36;
    --dk-text: #e8e8ea;
    --dk-icon: #8a8a92;
    --dk-hover: rgba(255, 255, 255, .08);
    --dk-scrollbar: #3a3d44;

    /* --mg-* também é usado no manager, mas o manager nunca recebe
       data-theme="dark" (só o header do app logado seta esse atributo),
       então essas trocas não afetam o painel admin. */
    --mg-body: #14151a;
    --mg-color: #e8e8ea;
    --mg-back: #23252c;
    --mg-act-color: #8a6ff0;
    --mg-border: #2c2e36;
}



body{
    margin: 0;
    padding: 0;
    font-family: "DM Sans", serif;
    background-color: var(--bg);
}