$primary-color: #26baee;

$secondary-color: #9fe8fa;

$in-range-background: #c9f1fb;

$radius: 0.25rem;

$text-color: #495057;

$hover-color: #000;

$background: #fff;

$border-color: #ced4da;

$z-index: 1000;

$disabled-opacity: 0.3;

$icon-background: #e9ecef;

$overlay-color: transparent;

$main-box-shadow: 1px 1px 8px 1px rgba(116, 116, 116, 0.5);

$day-dimensions: 2.08rem;

$time-scale: 1;

.pdp {
  --primary-color: #{$primary-color};

  --secondary-color: #{$secondary-color};

  --in-range-background: #{$in-range-background};

  --radius: #{$radius};

  --text-color: #{$text-color};

  --hover-color: #{$hover-color};

  --background: #{$background};

  --border-color: #{$border-color};

  --z-index: #{$z-index};

  --disabled-opacity: #{$disabled-opacity};

  --icon-background: #{$icon-background};

  --overlay-color: #{$overlay-color};

  --main-box-shadow: #{$main-box-shadow};

  --day-dimensions: #{$day-dimensions};

  --time-scale: #{$time-scale};
}