/* Thema: blauwe primaire knoppen + focus, donkerblauwe tabelkoppen, CTA-groen, workshoptitel slate-900. */
:root {
    /* Primaire knoppen + focus-ring (Tailwind blue-500 / -600 / -700) */
    --app-primary: #3B82F6;
    --app-primary-hover: #2563EB;
    --app-primary-active: #1D4ED8;
    --app-on-primary: #ffffff;
    /* Zachte glow bij focus (inputs, selects) */
    --app-focus-glow: rgba(59, 130, 246, 0.22);

    /* Tabelkoppen (Tailwind blue-800) */
    --app-table-header-bg: #1E40AF;
    --app-table-header-text: #ffffff;

    /* CTA-teal (+ Nieuwe deelnemer), gelijk aan avatar / merk helder */
    --app-cta-green: #2bb5a2;
    --app-cta-green-hover: #259d8e;
    --app-cta-green-active: #1f8a7d;

    /* Zachte accentvlakken (edit, focus-ringen) */
    --app-accent-soft: #eef2ff;
    --app-accent-border: #c7d2fe;

    /* Workshoptitel (Tailwind slate-900) */
    --app-workshop-title: #0F172A;
    /* Koplabels registratie (donkergroen) */
    --app-kop-header-text: #0c4a42;
}