:root {
    --bg-light-gray: #f4f4f4;
}

[data-bs-theme="dark"] {
    --bg-light-gray: #2c2c2c;
    --bg-light-rgb: 44,44,44;
}


/* ------------ Background Colours */
.bg-light {
    --bg-light-opacity: 1;
    background-color: rgba(var(--bg-light-rgb),var(--bg-light-opacity))!important;
}

.bg-blue {
    background-color: #306090;
}

.bg-dark {
    --bg-dark-opacity: 1;
    background-color: rgba(var(--bg-color-dark-rgb),var(--bg-color-dark-opacity))!important;
}

/* ----------- Sections */
.bg-light-gray {
    background-color: var(--bg-light-gray);
}

/* ------------ Colors */
.color-black,
.color-black p {
    color:#000000;
}


.color-white,
.color-white p {
    color: rgba(var(--text-white-rgb),var(--text-opacity))!important; !important;
}

.text-white {
    color: rgba(var(--text-white-rgb),var(--text-opacity))!important; !important;
}

.text-primary {
    color: var(--text-primary-color) !important;
}


[data-bs-theme="dark"] {
    .color-black,
    .color-black p {
        color:#ffffff;
    }
}