/* -------------------------------------------------
   Brand colour overrides – placed after Bootstrap
   ------------------------------------------------- */

/* 1️⃣ Global Bootstrap variable overrides */
:root {
    /* Primary colour – hex (optional, useful for other CSS) */
    --bs-primary: #ffffff;

    /* Primary colour – numeric RGB (required by .text-primary) */
    --bs-primary-rgb: 255, 255, 255;   /* <-- three numbers, comma‑separated */

    /* Page background and default text colour */
    --bs-body-bg: #223b46;
    --bs-body-color: #ffffff;
}

/* 2️⃣ Footer specific colours (scoped) */
footer {
    --bs-body-bg: #002244;
    --bs-body-color: #ffffff;
}


.form-control::placeholder {
    color: #ffffff !important;   /* white – change to any shade you like */
    opacity: 1 !important;      /* Firefox otherwise dims it */
}