html {
    scroll-behavior: smooth;
}

:root {

    /* Achtergronden */

    --background: #faf8f5;
    --white: #ffffff;

    /* Tekst */

    --text-dark: #2d2d2d;
    --text-light: #6b6b6b;

    /* Accent */

    --accent: #c8a977;

    /* Hover */

    --accent-hover: #b89766;

    /* Schaduw */

    --shadow:
        0 10px 30px rgba(0,0,0,.06);

    /* Layout */

    --section-padding: 100px;

}