$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};
}