:root {
    --main-color: #1F3156;
    --main-color-hover: #0D3D9F;
    --main-lighter-color: #26E5FF;
    --main-lighter-color-hover: #169B00;
    --main-dark-color: #FFF;
    --main-dark-color-degrade: linear-gradient(45deg, #1F3156 0%, #284582 100%);
    --secondary-color: #169B00;
    --secondary-hover: #0E6600;
    --error-mancha: #EAFBFF;
    --main-font-color: #062925;
    --title-color: #1F3156;
    --orange: #DB4E0F;
    --orange-hover: #FF7121;
    --theme-color: #fff;
    --fundo: #E9ECEF;
    --fundo-card-color: #FFF;
    --box-shadow-color: #26E5FF;
    --background-footer-color: linear-gradient(95deg, #1F3156 0%, #132548 100%);
    --button-altera: #FFFFFF;
    --button-altera-hover: #0D3D9F;
    --main-dialog: #FFF;
    --main-modulo: #E9ECEF;
    --main-svg-cyan: #26E5FF;
    --main-contrato: #1F3156;
    --main-gray-boleto: #6D7187;
    --main-header-menu: #333;
    --bg-icon-redesocial: #1F3156;
    --color-hover-btn: #0D3D9F;
    --color-hover: #152139;
    --button-voltar: #1F3156;
    --main-area-arrow: #FFF;
    --main-ranking-rect: #E9ECEF;
    --btn-salvar-color: #169B00;
    --btn-salvar-hover: #0E6600;
    --color-contato-sac: #6D7187;
    --mancha-pequena: #FFF;
    --btn-enviar-chat: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
    --fundo-conversa-color: #F8FAFC;
    --fundo-msg-color: #f1f2f6;
    --fundo-input-color: #f8f8fa;
    --border-chat-color: #eef2f4;
    --fundo-reverso-color: #284582;
    --iconDownColor: #26e5ff;
    --iconDownHoverColor: #26e5ff;
    --fundoUpload: #f9f9f9;
    --borderUpload: #dcdcdc;
    --imgUpload: #a0a0a0;
    --span-icon-chat: #78b5f4a6;
    --icon-double-check-color: #26E5FF;
    --icon-double-check-send-color: #a0a0a0;
    --title-container-home: #26E5FF;
    --aviso-button: #1F3156;
    --aviso-button-hover: #0D3D9F;
    --aviso-button-font: #fff;
}

    :root[data-theme="dark"] {
        --main-color: #152139;
        --main-color-hover: #0D3D9F;
        --main-lighter-color: #26E5FF;
        --main-lighter-color-hover: #169B00;
        --main-dark-color: #FFF;
        --main-dark-color-degrade: linear-gradient(135deg, #1F3156 0%, #132548 100%);
        --secondary-color: #82E15A;
        --secondary-hover: #169B00;
        --error-mancha: #20476C;
        --main-font-color: #E9ECEF;
        --title-color: #26E5FF;
        --orange: #DB4E0F;
        --orange-hover: #FF7121;
        --theme-color: #152139;
        --fundo: #1F3156;
        --fundo-card-color: #1F3156;
        --box-shadow-color: #26E5FF;
        --background-footer-color: linear-gradient(95deg, #1F3156 0%, #132548 100%);
        --button-altera: #26E5FF;
        --button-altera-hover: #0D3D9F;
        --main-dialog: #152139;
        --main-modulo: #1F3156;
        --main-contrato: #1F3156;
        --main-header-menu: #FFF;
        --bg-icon-redesocial: #FFF;
        --color-hover-btn: #26E5FF;
        --color-hover: #1F3156;
        --button-voltar: #FFF;
        --main-area-arrow: #152139;
        --main-ranking-rect: #1F3156;
        --btn-salvar-color: #82E15A;
        --btn-salvar-hover: #169B00;
        --color-contato-sac: #BDC3C7;
        --mancha-pequena: #26E5FF;
        --btn-enviar-chat: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
        --fundo-conversa-color: #152139;
        --fundo-msg-color: #152139;
        --fundo-input-color: #1f3156;
        --border-chat-color: #152139;
        --fundo-reverso-color: #0084FF;
        --iconDownColor: #FFF;
        --iconDownHoverColor: #FFF;
        --fundoUpload: #1f3156;
        --borderUpload: #26e5ff;
        --span-icon-chat: #78b5f4a6;
        --imgUpload: #26e5ff;
        --icon-double-check-color: #26E5FF;
        --icon-double-check-send-color: #FFF;
        --title-container-home: #152139;
        --aviso-button: #82E15A;
        --aviso-button-hover: #0D3D9F;
        --aviso-button-font: #152139;
    }
  
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}  

@font-face{
    font-family: "Poppins";
    font-weight: 400;
    src: url("../assets/fonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins";
    font-weight: 500;
    src: url("../assets/fonts/Poppins-Medium.ttf");
}

@font-face {
    font-family: "Poppins";
    font-weight: 600;
    src: url("../assets/fonts/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: "Poppins";
    font-weight: 700;
    src: url("../assets/fonts/Poppins-Bold.ttf");
}