:root {
    --linktext: #3ca1f2;
    --linktextAccent: #3690D9;

    --buttonbackground: #3ca1f2;
    --buttonbackgroundAccent: #3690D9;
    --buttonborder: #3ca1f2;
    --buttontext: #ffffff;

    --titlebackground: #3ca1f2;
    --titletext: #ffffff;
    --titleborder: #ffffff;

    --menubackground: #ffffff;
    --menuborder: #ffffff;
    --menutext: #666666;
    --menuactivebackground: #3ca1f2;
    --menuactiveborder: #3ca1f2;
    --menuactivetext: #ffffff;

    --bs-primary: #3ca1f2;
    --bs-primary-rgb: 60,161,242;
    --bs-primary-text-emphasis: #3690D9;
    --bs-primary-border-subtle: #4FAAF3;
}

[data-bs-theme=dark] {
    /* Dark-passende afgeleiden: lichtere emphasis-tekst, donkerdere border,
       zodat de globale :root-override het dark-contrast van het thema niet verslechtert. */
    --bs-primary-text-emphasis: #4FAAF3;
    --bs-primary-border-subtle: #3690D9;
}