/* ============================================================
   Huisstijl — ÉÉN centrale bron voor kleur (en font).
   Pas hier de merkkleur aan; via brand.js volgt Tailwind's `blue`
   automatisch, en style.css/admin gebruiken dezelfde variabelen.
   ============================================================ */
:root {
    --brand:        #2563eb;  /* primair (= Tailwind blue-600) */
    --brand-dark:   #1d4ed8;  /* hover (blue-700) */
    --brand-light:  #3b82f6;  /* accent (blue-500) */
    --brand-50:     #eff6ff;  /* lichte tint (blue-50) */

    /* Neutralen (dashboard-stijl) */
    --ink:    #0f172a;  /* slate-900 koppen */
    --text:   #1f2937;  /* gray-800 tekst */
    --muted:  #64748b;  /* slate-500 */
    --line:   #e2e8f0;  /* slate-200 randen */
    --surface:#ffffff;  /* kaarten */
    --bg:     #f1f5f9;  /* paginavlak */
}