:root {
    --color-black: #343636; /* 52, 54, 54 */
    --color-gray: #93989a; /* 147, 152, 154 */
    --color-gray-light: #d2d7d9; /* 210, 215, 217 */
    --color-gray-dark: #606466; /* 96, 100, 102 */
    --color-blue: #4589b5; /* 69, 137, 181 */
    --color-blue-dark: #346788; /* 52, 103, 136 */
    --color-blue-light: #cbe7f5; /* 203, 231, 245 */
    --color-red: #9b1b30; /* 155, 27, 48 */
    --color-red-light: #fae3e7; /* 250, 227, 231 */
    --color-green: #45b5aa; /* 69, 181, 170 */
    --color-green-dark: #32827a; /* 50, 130, 122 */
    --color-green-light: #daf1f0; /* 218, 241, 240 */
    --color-beige: #e8e1d1; /* 232, 225, 209 */
    --color-beige-dark: #ad945b; /* 173, 148, 91 */
    --color-beige-light: #f5f3ed; /* 245, 243, 237 */
}

/* zalozni: georgia, serif */
@font-face {
    font-family: headingFont;
    src: url("../fonts/Lora.ttf");
}

/* zalozni: helvetica, arial, sans-serif */
@font-face {
    font-family: bodyFont;
    src: url("../fonts/NunitoSans.ttf");
    font-style: normal;
}

/* zalozni: helvetica, arial, sans-serif */
@font-face {
    font-family: bodyItalicFont;
    src: url("../fonts/NunitoSans-Italic.ttf");
    font-style: italic;
}

@font-face {
    font-family: menuFont;
    src: url("../fonts/Roboto-Bold.ttf");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: monospaceFont;
    src: url("../fonts/Inconsolata_SemiExpanded-Regular.ttf");
    font-style: normal;
}