body {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color);

}

/* --- Colors --- */

:root {
    --main: #6D4407;
    --main-light: #FCE6D1;
    --main-dark: #473433;
    --accent: #fcf1ef;
    --body-color: #212529;
    --cta-green: #18992c;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #333333;
    --grey-light: #fafafa;
    --yellow-color: #ffc107;
    --text-gray-color: #666666;
    --white-color: #ffffff;
    --ofwhite-color: #f2f2f2;
    --black-color: #000000;
    --light-color: #a5a5a5;
    --light-color2: #aaaaaa;
    --dark-color: #242424;
    --sky-color: #647589;
    --border-color: #c8c8c8;
    --border-color2: #e4e4e4;
    --border-color3: #dddddd;
    --border-dark: #383434;
    --bg-gray-color: #f7f8fc;
    --gray-color: #ebebeb;
    --gray-color2: #f5f5f5;
}