/* css/variables.css */

:root {
    /* Kleurenpalet (verfijnd) */
    --color-background: #f8f5f1;
    --color-text-primary: #333333;   /* Voor titels en belangrijke tekst */
    --color-text-secondary: #888888; /* Voor subtiele body tekst */
    --color-primary: #ffffff;
    --color-footer-bg: #7D727B;
    --color-footer-text: #FDFDED;
    --color-border: #dddddd;
    --color-divider: #cccccc;       /* Kleur voor de streep/ruit */

    /* Lettertypen (Google Fonts) */
    --font-primary: 'Nunito', sans-serif;           /* Voor body tekst */
    --font-secondary: 'Libre Bodoni', serif;  /* Voor titels */

    /* Layout variabelen */
    --container-width: 1140px;
    --container-padding: 0 20px;
    --base-font-size: 16px;
    --transition-speed: 0.3s;
    --nav-height: 80px; /* Hoogte van de navigatiebalk */
}