:root {
    --background: #FFFFFF;
    --secondary-button-background: #E9EFF7;
    --header-background: #e9eff7;
    --high-visibility: #FEFD54;
    --gray-color-tag: #EAEAEA;
    --gray-border: #C7C7C7;
    --navy-color: #1A334B;
    --green-color: #0C9549;
    --yellow-color: #FDC638;
    --orange-color: #F59C00;
    --red--color: #E4211D;
    --gray--text: #1D1D1B;
    --light-blue: #E9EFF7;
    --blue-color: #2568B1;
}

html {
    font-family: Roboto;
}

body {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--background);
}

/*
    Media Variables:
    desktop width: 1122px;
    tablet width: 768px;
    mobile width: 480px;
*/