:root {

    /* Kleuren */

    --color-body: #FFF9F3;

    --color-primary-dark: #373737;
    --color-primary-light: #ffffff;
    --color-beige: #FFF4E9;
    --color-beige-dark: #E8DBC5;
    /*--color-white: #FFFFFF;
    --color-black: #000000;*/

    /*--link-color: #8D6B94;*/
    --link-color: #8D6B94;





    /* Typography */

    --font-body: "Poppins", sans-serif;
    --font-heading: "Kalnia", serif;

    --font-size-h1: 75px;
    --font-size-h2: 40px;
    --font-size-h3: 30px;
    --font-size-h4: 24px;
    --font-size-body: 16px;
    --font-size-body-large: 20px;










    /* Buttons */

    --button-bg: var(--color-primary);
    --button-text: var(--color-white);
    --button-radius: 8px;

    /* Layout */

    --container-width: 1200px;

    --section-padding-top: 75px;

    /* Transition */

    --transition: .3s ease;

}