$cal-event-icon-color-var: --cal-event-icon-color;
$cal-event-color-primary-var: --cal-event-color-primary;
$cal-event-color-secondary-var: --cal-event-color-secondary;
$cal-border-color-var: --cal-border-color;
$cal-bg-primary-var: --cal-bg-primary;
$cal-bg-secondary-var: --cal-bg-secondary;
$cal-bg-hover-var: --cal-bg-hover;
$cal-bg-active-var: --cal-bg-active;
$cal-bg-active-dragover-var: --cal-bg-active-dragover;
$cal-bg-highlight-var: --cal-bg-highlight;
$cal-bg-selected-var: --cal-bg-selected;
$cal-bg-disabled-var: --cal-bg-disabled;
$cal-bg-not-applicable-var: --cal-bg-not-applicable;
$cal-bg-not-selected-var: --cal-bg-not-selected;
$cal-today-bg-var: --cal-today-bg;
$cal-weekend-color-var: --cal-weekend-color;
$cal-badge-color-var: --cal-badge-color;
$cal-selected-var: --cal-selected;
$cal-disabled-var: --cal-disabled;
$cal-not-applicable-var: --cal-not-applicable;
$cal-not-selected-var: --cal-not-selected;
$cal-current-time-marker-color-var: --cal-current-time-marker-color;
$cal-white-var: --cal-white;
$cal-gray-var: --cal-gray;
$cal-black-var: --cal-black;
$cal-gradient-var: --cal-gradient;

$cal-event-icon-color: var($cal-event-icon-color-var);
$cal-event-color-primary: var($cal-event-color-primary-var);
$cal-event-color-secondary: var($cal-event-color-secondary-var);
$cal-border-color: var($cal-border-color-var);
$cal-bg-primary: var($cal-bg-primary-var);
$cal-bg-secondary: var($cal-bg-secondary-var);
$cal-bg-hover: var($cal-bg-hover-var);
$cal-bg-active: var($cal-bg-active-var);
$cal-bg-active-dragover: var($cal-bg-active-dragover-var);
$cal-bg-highlight: var($cal-bg-highlight-var);
$cal-bg-selected-color: var($cal-bg-selected-var);
$cal-bg-disabled-color: var($cal-bg-disabled-var);
$cal-bg-not-applicable-color: var($cal-bg-not-applicable-var);
$cal-bg-not-selected-color: var($cal-bg-not-selected-var);
$cal-today-bg: var($cal-today-bg-var);
$cal-weekend-color: var($cal-weekend-color-var);
$cal-badge-color: var($cal-badge-color-var);
$cal-selected-color: var($cal-selected-var);
$cal-disabled-color: var($cal-disabled-var);
$cal-not-applicable-color: var($cal-not-applicable-var);
$cal-not-selected-color: var($cal-not-selected-var);
$cal-current-time-marker-color: var($cal-current-time-marker-color-var);
$cal-white: var($cal-white-var);
$cal-gray: var($cal-gray-var);
$cal-black: var($cal-black-var);
$cal-gradient: var($cal-gradient-var);

$cal-hint-opacity: 0.7;
$cal-out-month-hint-opacity: 0.3;
$cal-month-weekday-header-font-size: 0.7em;
$cal-month-weekday-header-line-height: 20px;
$cal-week-weekday-header-font-size: $cal-month-weekday-header-font-size;
$cal-week-weekday-header-line-height: $cal-month-weekday-header-line-height;

$cal-vars: () !default;
$cal-vars: map-merge(
  (
    event-icon-color: $cal-event-icon-color,
    // the default event primary color if not set on the event color object
    event-color-primary: $cal-event-color-primary,
    // the default event secondary color if not set on the event color object
    event-color-secondary: $cal-event-color-secondary,
    // the border color used between cells
    border-color: $cal-border-color,
    // the primary background of each component
    bg-primary: $cal-bg-primary,
    // the secondary background, used for alternating rows on the day and week views
    bg-secondary: $cal-bg-secondary,
    // the color used when hovering over cells and headers
    bg-hover: $cal-bg-hover,
    // the color used for a selected day
    bg-active: $cal-bg-active,
    // the color use when a cell is selected
    bg-selected-color: $cal-bg-selected-color,
    // the color use when a cell is disabled
    bg-disabled-color: $cal-bg-disabled-color,
    // the color use when a cell is not applicable
    bg-not-applicable-color: $cal-bg-not-applicable-color,
    // the color use when a cell is not selected
    bg-not-selected-color: $cal-bg-not-selected-color,
    // the color used when hovering over cells and headers
    bg-highlight: $cal-bg-highlight,
    // the background color to mark today in the week view header
    today-bg: $cal-today-bg,
    // the color used to indicate a day is a weekend
    weekend-color: $cal-weekend-color,
    // the badge background color on the month view
    badge-color: $cal-badge-color,
    // the selected color on the month view
    selected-color: $cal-selected-color,
    // the disabled color on the month view
    disabled-color: $cal-disabled-color,
    // the not applicable color on the month view
    not-applicable-color: $cal-not-applicable-color,
    // the color use when a cell is not selected
    not-selected-color: $cal-not-selected-color,
    // the current time marker color on the week and day view
    current-time-marker-color: $cal-current-time-marker-color,
    // a standard white color used for tooltip text and month view event titles
    white: $cal-white,
    // a standard gray color used for the background color of the open month view events box
    gray: $cal-gray,
    // a standard black color used as the tooltip background and the gradient color of the open month view events
    black: $cal-black,
    // box shadow
    gradient: $cal-gradient
  ),
  $cal-vars
);