/* /assets/css/base.css */

/* =========================================
   Basisstructuur en variabelen
========================================= */
:root {
 --kleur-achtergrond: #f5f7fa;
 --kleur-tekst: #333;
 --kleur-accent: #003366;
 --kleur-accent-licht: #0056b3;
 --kleur-accent-geel: #ffd700;
 --kleur-success: #d4edda;
 --kleur-error: #f8d7da;
 --kleur-border: #ccc;
 --radius: 6px;
 --font-body: Arial, sans-serif;
 --font-size: 16px;
 --line-height: 1.5;
}

html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 box-sizing: border-box;
 font-family: var(--font-body);
 font-size: var(--font-size);
 line-height: var(--line-height);
 background: var(--kleur-achtergrond);
 color: var(--kleur-tekst);
}