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

*{
    margin: 0;
    padding: 0;
    outline: 0;
    appearance: none;
    border: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

html{
    font-size: 14px;
}

body{
    font-family: 'Mulish', sans-serif;
}

/* Fade in with page loading */
body {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
     }
}
/* End Fade in page loading */

:root{
    /* --primary-color: #008440; */
    --primary-color: darkcyan;
    --second-color: rgb(0, 159, 0);

    --danger-color: #ff4d4d;
    --alert-color: #ffc800;
    --event-color: #009dff;
    --success-color: #27ca66;
    --done-color: #cfcfcf;

    --danger-color-low: #ffcfcf;
    --alert-color-low: #fff8e0;
    --event-color-low: #c7eaff;
    --success-color-low: #bfffd8;
    --done-color-low: #ffffff;

    --title-color: #2f2f2f;
    --subtitle-color: #5c5c5c;
    --subtitle-color-low: #9b9b9b;

    --border-disabled-color: #cecece;

    --line-color: #cdcdcd;

    --menu-background-selected: #474747;
}





/* PADRONIZAÇÃO OURO */

/* --------------------------------ESTILIZAÇÃO DAS SCROLLBARS */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track{
    background: #d4d4d4;
}
::-webkit-scrollbar-thumb{
    background: var(--primary-color);
    border-radius: 2px;
}