/* ════════════════════════════════════════════════════════════
   base.css — CSS variabelen, reset en body
   ════════════════════════════════════════════════════════════ */

:root {
    --bg:        #f4f6f9;
    --white:     #ffffff;
    --border:    #e2e6ed;
    --border2:   #d0d7e2;
    --text:      #1a2332;
    --muted:     #8a96a8;
    --accent:    #1a56db;
    --accent-bg: #eff4ff;
    --green:     #057a55;
    --green-bg:  #f0fdf4;
    --red:       #e02424;
    --red-bg:    #fff5f5;
    --orange:    #d97706;
    --orange-bg: #fffbeb;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

/* BUG FIX: height + overflow:hidden voorkomt dat de sidebar buiten beeld valt */
body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    height: 100vh;
    overflow: hidden;
}