:root {
    /* Colors */
    --color-1: rgb(0, 71, 137);
    --color-1-light-1: rgb(51, 108, 160);
    --color-1-light-2: rgb(102, 145, 184);
    --color-1-light-3: rgb(153, 181, 208);
    --color-1-light-4: hsl(209, 36%, 85%);
    --color-1-light-5: hsl(210, 60%, 93%);
    --color-1-dark-1: rgb(0, 41, 105);
    --color-1-dark-2: rgb(0, 11, 73);
    --color-1-vibrant: rgb(4, 97, 184);

    --color-2: rgb(119, 188, 31);
    --color-2-light-1: rgb(159, 200, 88);
    --color-2-light-2: rgb(185, 214, 131);
    --color-2-light-3: rgb(200, 230, 180);
    --color-2-light-4: rgb(234, 241, 213);
    --color-2-light-5: hsl(90, 50%, 95%);
    --color-2-dark-1: rgb(89, 158, 1);
    --color-2-dark-2: rgb(59, 128, 1);
    --color-2-vibrant: rgb(111, 186, 13);

    --color-3: rgb(255, 158, 22);
    --color-3-light-1: rgb(255, 176, 83);
    --color-3-light-2: rgb(255, 196, 127);
    --color-3-light-3: rgb(255, 215, 170);
    --color-3-light-4: rgb(255, 235, 212);
    --color-3-light-5: hsl(30, 100%, 95%);
    --color-3-dark-1: rgb(225, 128, 1);
    --color-3-dark-2: rgb(195, 98, 1);
    --color-3-vibrant: rgb(254, 148, 0);


    --color-4: rgb(102, 102, 93);
    --color-4-light-1: rgb(131, 130, 124);
    --color-4-light-2: rgb(162, 159, 155);
    --color-4-light-3: rgb(192, 190, 188);
    --color-4-light-4: rgb(224, 222, 221);
    --color-4-light-5: hsl(20, 5%, 97%);

    --color-text: rgb(51, 51, 51);

    /* Fonts */
    --font-family-h1: "Oswald", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --font-family-h2: "Oswald", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --font-family-h3: "Oswald", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --font-family-h4: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --font-family-p: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --font-family-btn: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

    font-size: 14px;
}