/* PLAK HIER ADMIN PANEL KLEUREN */
:root {
    --app-primary: #0d6efd;
    --app-secondary: #adb5bd;
    /* VERANDERD: Was #6c757d, nu lichter grijs */
    /* Iets lichter (Netflix style) + betere leesbaarheid */
    --app-bg: #0f172a;
    --app-surface: #111c33;
    --app-text: #f8fafc;
    --app-success: #22c55e;
    --app-warning: #f59e0b;
    --app-danger: #ef4444;
}

/* Bootstrap alignment */
:root {
    --bs-primary: var(--app-primary);
    --bs-secondary: var(--app-secondary);
    /* Neemt nu automatisch de nieuwe kleur over */
    --bs-body-bg: var(--app-bg);
    --bs-body-color: var(--app-text);
    --bs-border-color: rgba(255, 255, 255, .16);
    --bs-card-bg: var(--app-surface);
    --bs-card-color: var(--app-text);

    /* Voeg deze regel toe om de Bootstrap 'text-muted' class direct te overschrijven */
    --bs-secondary-color: rgba(248,250,252,0.72);
}