body {
    --agenda-font-family: var(--font-family);
    --agenda-font-size: 1rem;

    --agenda-primary-rgb-color: var(--main-color-rgb);
    --agenda-primary-color: var(--clr-primary-400);
    --agenda-primary-active-color: var(--clr-primary-300);
    --agenda-btn-primary-text-color: var(--agenda-white-color);
    --agenda-btn-primary-bg-color: var(--clr-primary-300);
    --agenda-btn-primary-active-text-color: var(--agenda-white-color);
    --agenda-btn-primary-active-bg-color: var(--agenda-primary-active-color);
    --agenda-btn-primary-disabled-text-color: var(--agenda-btn-default-disabled-text-color);
    --agenda-btn-primary-disabled-bg-color: var(--agenda-btn-default-disabled-bg-color);

    --agenda-btn-booking-primary-text-color: var(--agenda-white-color);
    --agenda-btn-booking-primary-bg-color: var(--agenda-primary-color);
    --agenda-btn-booking-primary-active-text-color: var(--agenda-white-color);
    --agenda-btn-booking-primary-active-bg-color: var(--agenda-primary-active-color);

    --agenda-switch-checkbox-default-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-default-bg-color: var(--agenda-primary-color);
    --agenda-switch-checkbox-default-active-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-default-active-bg-color: var(--agenda-primary-active-color);

    --agenda-switch-checkbox-primary-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-primary-bg-color: var(--agenda-primary-color);
    --agenda-switch-checkbox-primary-active-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-primary-active-bg-color: var(--agenda-primary-active-color);
    --agenda-switch-checkbox-primary-disabled-text-color: var(--agenda-btn-default-disabled-text-color);
    --agenda-switch-checkbox-primary-disabled-bg-color: var(--agenda-btn-default-disabled-bg-color);

    --agenda-calendar-header-bg-color: var(--clr-secondary-400);
    --agenda-calendar-header-color: var(--agenda-white-color);

    --agenda-form-mobile-header-bg: var(--clr-accent-400);
}

.agenda-elements-container .agenda-form .page-title .title {
    color: var(--agenda-white-color);
}

.agenda-modal-wrapper-dialog .modal-title-container {
    --agenda-modal-header-bg-color: var(--clr-accent-400);
    --agenda-modal-header-color: var(--agenda-white-color);
}

body {
    --agenda-font-family: var(--font-family);
    --agenda-font-size: 1rem;

    --agenda-primary-rgb-color: var(--main-color-rgb);
    --agenda-primary-color: var(--clr-primary-400);
    --agenda-primary-active-color: var(--clr-primary-300);
    --agenda-btn-primary-text-color: var(--agenda-white-color);
    --agenda-btn-primary-bg-color: var(--clr-primary-300);
    --agenda-btn-primary-active-text-color: var(--agenda-white-color);
    --agenda-btn-primary-active-bg-color: var(--agenda-primary-active-color);
    --agenda-btn-primary-disabled-text-color: var(--agenda-btn-default-disabled-text-color);
    --agenda-btn-primary-disabled-bg-color: var(--agenda-btn-default-disabled-bg-color);

    --agenda-btn-booking-primary-text-color: var(--agenda-white-color);
    --agenda-btn-booking-primary-bg-color: var(--agenda-primary-color);
    --agenda-btn-booking-primary-active-text-color: var(--agenda-white-color);
    --agenda-btn-booking-primary-active-bg-color: var(--agenda-primary-active-color);

    --agenda-switch-checkbox-default-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-default-bg-color: var(--agenda-primary-color);
    --agenda-switch-checkbox-default-active-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-default-active-bg-color: var(--agenda-primary-active-color);

    --agenda-switch-checkbox-primary-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-primary-bg-color: var(--agenda-primary-color);
    --agenda-switch-checkbox-primary-active-text-color: var(--agenda-white-color);
    --agenda-switch-checkbox-primary-active-bg-color: var(--agenda-primary-active-color);
    --agenda-switch-checkbox-primary-disabled-text-color: var(--agenda-btn-default-disabled-text-color);
    --agenda-switch-checkbox-primary-disabled-bg-color: var(--agenda-btn-default-disabled-bg-color);

    --agenda-calendar-header-bg-color: var(--clr-secondary-400);
    --agenda-calendar-header-color: var(--agenda-white-color);

    --agenda-form-mobile-header-bg: var(--clr-accent-400);
}

.agenda-elements-container .agenda-form .page-title .title {
    color: var(--agenda-white-color);
}

.agenda-modal-wrapper-dialog .modal-title-container {
    --agenda-modal-header-bg-color: var(--clr-accent-400);
    --agenda-modal-header-color: var(--agenda-white-color);
}

.agenda-promo-form #extra {display:none !important}