:root {
  --calendar-bg: var(--body-bg);
  --calendar-week-bg: #f4f4f4;
  --calendar-buttons-color: #495057;
  --calendar-select-bg-color: #{$form-select-bg};
  --calendar-select-color: var(--body-color);
}

@if $enable-dark-mode {
  @include color-mode(dark, true) {
    --calendar-week-bg: var(--gray-700);
    --calendar-buttons-color: var(--template-bg-dark-20);
    --calendar-select-bg-url: url("../../images/calendar-select-bg-dark.svg") /*rtl:url("../../images/calendar-select-bg-dark-rtl.svg")*/;
    --calendar-select-bg-color: #{$form-select-bg-dark};
  }
}