@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
:root{
    --default-font:'Roboto', sans-serif;
    --a-button-text:14px;
    --a-button-icon:22px;
    --a-pri-color:#4A00E0;
    --a-sec-color:#D53354;
    --a-title-1:12px;
    --a-title-2:16px;
    --a-title-3:22px;

    --a-text-color: #1b1b1b;
    --a-text-color-2: #4A00E0;
    --a-text-color-3: #cccccc;
    --a-text-color-4: #e8e9ff;


    --a-black-color-1:#121212;
    --a-black-color-2:#ffffff;

    --a-black-card-1:#161616;
    --a-black-card-2:#ffffff;

    --a-black-header-1:#212121;
    --a-black-header-2:#250071;

    --a-black-color-text-1: #e7e7e7;
    --a-black-color-text-2: #181818;

    --a-box-shadow-1: 0px 3px 6px #1818180c;

    --a-default-radius:10px;
    /*the update======================================*/
    
    --app-default-radius:10px;

    --app-default-font:'Roboto', sans-serif;
    --app-default-font-2:'Quicksand', sans-serif;

    --app-primary-color:#4A00E0;
    --app-secondary-color:#D53354; 

    --app-soft-green: #ADF8E6;
    --app-light-green: #2dd80e;
    --app-soft-blue:#485BCC;
    --app-dark-blue:#06046c ;
    --app-sky-blue:#A6E1F8;
    --app-soft-yellow:#F7E2A6;
    --app-soft-red:#FFA3A3;
    

    --app-soft-gray:rgb(223, 223, 223); 
    --app-dark-gray:rgb(53, 53, 53);

    --app-text-color-1:#333333;

    --app-dark-black:rgb(20, 20, 20);

    /*textos e titutos*/
    --app-text-small:12px;
    --app-text-medium:16px;
    --app-text-default:19px;
    --app-text-large:22px;

    --app-title-size-large:30px;
    --app-title-size-medium:25px;
    --app-title-size-small:18px;

    /* Default Elements */
    --app-hr-color-default:rgb(152 152 152 / 20%);
    
}


.Header-screens {
    background-color: #ffb74d;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: rgb(56, 56, 56); 
}

.theme-button{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 89px;
    height: 32px;
    border: none;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    cursor: pointer;
}
/* ------------------------------------ Temas do app do Profissional */