/* ========================================= 
   1. BASIS / VARIABELEN
========================================= */

:root {
    --dark-blue: #0C2237;
    --dark-green: #2E7C57;
    --light-green: #B9E0C1;
    --orange: #F7A64C;
    --beige: #F9F4EE;
    --white: #FFFFFF;
    --grey-blue: #E6EAE8;

    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-soft: 0 8px 18px rgba(12, 34, 55, 0.08);

    /* FIXED GRID SLIDER: basis voor cards */
    --card-width: 220px;
    --card-gap: 18px;
}

/* RESET */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--beige);
    color: var(--dark-blue);
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

.beige-bg {
    background: var(--beige);
}