:root{
    /* NOVO ROOT */
    --sys-color-1: black;
    --sys-color-2: #212529;
    --sys-color-3: #343a40;
    --sys-color-4: #495057;
    --sys-color-5: #6c757d;
    --sys-color-6: #adb5bd;
    --sys-color-7: #dee2e6;
    --sys-color-8: #e9ecef;
    --sys-color-9: #f8f9fa;
    --sys-color-10: white;

    --sys-rgb-1: #006400;
    --sys-rgb-2: #cbaa06;
    --sys-rgb-3: #AE2012;

    --sys-rgb-10: royalblue;
    --sys-rgb-11: #2098ee;

    --sys-bg-1: #F5F5F5;
    --sys-bg-2: white;
    --sys-bg-3: var(--sys-color-1);
    --sys-bg-4: var(--sys-color-2);
    --sys-bg-5: var(--sys-color-3);
    --sys-bg-6: var(--sys-color-4);
    
    --sys-bg-10: rgb(30 30 30 / 15%);

    --sys-color-apple-store: #1E94E9;
    --sys-color-android-store: #F7BB07;

    --sys-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    
}


/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* 

    OLD CSS

*/

:root{
    --color-one: #222224;
    --color-two: #343a40;
    --color-three: #d6d9dd;
    --color-four: white;
    --color-five: #868f99;
    --color-six: #bdc4cc;
    --color-seven: #d2d5d8;
    --color-eight: #d2d5d89d;
    --color-nine: #d2d5d83f;
    --color-ten: #d2d5d81a;
    --background-one: #F5F5F5;
    --background-two: white;
    --background-three: #F5F5F5;
    --color-box-shadow: #0000001e;

    --color-red: #AE2012;
    --color-green: #006400;
    --color-yellow: #FCBF49;

    --heigth-header: 60px;

    /* Colors para buttons */
    --color-one-btn: #222224;
    --color-two-btn: #363636;
    --color-three-btn: #d6d9dd;

    --color-red-btn-1: #AE2012;
    --color-red-btn-2: #ae1f1254;
    --color-green-btn-1: #006400;
    --color-green-btn-2: #00640071;

    --color-one-boxs: #222224;
    --color-two-boxs: #343a40;
    
}

/* VALORES UNIVERSAIS */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; */
    font-family: 'DM Sans', sans-serif;
}

body, html{
    width: 100%;
    height: 100%;
}