:root {
    /* Kleuren */
    --color-primary: #153E35;
    --color-primary-light: #1a4f44;
    --color-primary-dark: #0f2d27;
    --color-accent: #CAC61E;
    --color-accent-light: #d8d54b;
    --color-accent-dark: #a8a418;
    --color-white: #FFFFFF;
    --color-bg: #F5F5F5;
    --color-text: #333333;
    --color-text-light: #666666;
    --color-border: #E0E0E0;
    --color-whatsapp: #25D366;
    --color-whatsapp-dark: #1da851;
    --color-error: #D32F2F;
    --color-success: #2E7D32;

    /* Typografie */
    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-base: 20px;
    --font-size-sm: 16px;
    --font-size-lg: 24px;
    --font-size-xl: 28px;
    --font-size-xxl: 36px;
    --font-size-nav: 12px;
    --line-height: 1.6;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* Afmetingen */
    --btn-min-height: 56px;
    --btn-padding: 16px 32px;
    --card-padding: 20px;
    --card-radius: 16px;
    --nav-height: 72px;
    --header-height: 64px;
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;

    /* Schaduwen */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-nav: 0 -2px 12px rgba(0, 0, 0, 0.08);

    /* Transities */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}