/* Variables */
:root {
    /* Font-styles */
    --font-family-primary: mr-eaves-modern, sans-serif;
    --font-family-secondary: adorn-garland, sans-serif;
    --font-color: #414652;
    --font-size: 22px;

    /*Colors*/
    --highlights-primary: #54667a;
    --bg-color-primary: #f2f2f2;
    --border-primary: #d9d9d9;
    --bg-color-btn-primary: var(--color-light);
    --border-color-btn-primary: var(--color-dark);
    --btntext-color-primary: var(--font-color);
    --border-secondary: var(--font-color);
    --bg-color-secondary: #D4C5B6;
    --color-dark: #000;
    --color-light: #FFFFFF;
    --color-light-grey: #EBEBEB;
    --color-dark-grey: #8d8d8d;
    --color-danger: #b00020;
    --color-success: #61d800;
    --color-info-light: #D6E0FD;

    /*Font-weight*/
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
}