@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

:root {
    --body-color: #f4f4f4;
    --nav-color: #fff; 
    --side-nav: #1d1d1d;
    --text-color-pb: #080808;
    --text-color-bb: #fff;
    --text-color-pp: #333;
    --text-color-ab: #007bff;
    --text-color-al: #007bff;
    --text-color-vb: #28a745; 
    --search-text: #86868a;
    --banner-color: #2184C5;
    --secondary-color: #e98b21;
    --secondary-color_f: #cc6d00;
    --botenviar-color: #28a745;
    --cont-form-color: #ffffff;
    --btn-entrar-color: #0078D4;
    --btn-sair-color: #ff3b30;
    --btn-disable-color: #666; 
    --progress02-color: #ddd; 
    --progress03-color: #ccc;       
    --cont-det-color: #f4f4f4;
    --cont-perf-color: #f4f4f4;
    --card-border: #e6e6e6;
    --primay-color-azul: #0056b3;
    --primay-color-azul_ac: #0056b3;   
    --box-shadow-color01: rgba(0, 0, 0, 0.5);
    --box-shadow-color02: rgba(0, 0, 0, 0.8);    
    
}


body.dark {
    --body-color: #1e1e1e;
    --nav-color: #1e1e1e;
    --side-nav: #252526;
    --text-color-pb: #e4e4e4;
    --text-color-bb: #ffffff;
    --text-color-pp: #333;
    --text-color-ab: #fff;
     --text-color-al: #e98b21;
    --text-color-vb: #fff;
    --search-text: #b1b1b6;
    --banner-color: #555555;
    --secondary-color: #e98b21;
    --secondary-color_f: #cc6d00;
    --botenviar-color: #28a745;
    --cont-form-color: #ececec;
    --btn-entrar-color: #0078D4;
    --btn-sair-color: #ff3b30;
    --btn-disable-color: #4e4e4e;
    --progress02-color: #686868; 
    --progress03-color: #a5a5a5;
    --cont-det-color: #646464;
    --cont-perf-color: #acacac;
    --card-border: #333333;
    --primay-color-azul: #0056b3;
    --primay-color-azul_ac: #494949; 
    --box-shadow-color01: rgba(0, 0, 0, 0.8);
    --box-shadow-color02: rgba(0, 0, 0, 1.25);
    
}