:root {
    /*Colors*/
    --main-blue-color: #0F6CBD;
    --light-blue-color: #a1d3ff;
    --very-light-blue-color: #ebf5fc;
    --main-green-color: #3DCA64;
    --dark-gray-color: #333333;
    --black-color: #000000;
    --medium-gray-color: #6F6F6F;
    --dark-text-color: #333333;
    --secondary-green-color: #35B058;
    --main-blue-green-mix-color: #2AB3A0;
    --light-text-color: #F0F2F5;
    --neutral-gray-color: #F0F2F5;
    --border-gray-color: #CED4DA;
    --light-background-color: #FFFFFF;
    --appointment-state-usercancelled: #dc3545;
    --appointment-state-datesuggested: #ffc107;
    --appointment-state-finalized: #6c757d;
    /*premade brushes*/
    --main-body-background-color: var(--neutral-gray-color);
    --light-body-background-color: var(--light-background-color);
    --primary-text-color: var(--dark-text-color);
    --filter-group-background: var(--very-light-blue-color);
    /*button colors*/
    --primary-button-color: var(--main-green-color);
    --primary-button-hover-color: var(--secondary-green-color);
    --primary-button-foreground-color: var(--light-text-color);
    --secondary-button-color: var(--light-background-color);
    --secondary-button-hover-color: var(--light-background-color);
    --secondary-button-foreground-color: var(--light-text-color);
    --secondary-button-border-color: var(--main-blue-color);
    /*borders & dividers*/
    --card-border-color: var(--border-gray-color);
    --input-border-color: var(--border-gray-color);
    --input-focus-border-color: var(--main-blue-color);
    /*bootstrap overrides*/
    --bs-primary: var(--main-blue-color) !important;
    --bs-primary-rgb: 15, 108, 189 !important;
    --bs-btn-border-color: var(--main-blue-color) !important;
    --bs-btn-hover-bg: var(--main-blue-color) !important;
    --rz-primary: var(--main-blue-color) !important;
    --rz-on-primary-lighter: var(--main-blue-color) !important;
    --rz-primary-lighter: var(--light-blue-color) !important;
    --rz-scheduler-event-background-color: var(--main-green-color) !important;

    .bg-primary {
        background-color: var(--main-blue-color) !important;
    }
}