$cooltipz-bg-color: #1f1f1f !default;
$cooltipz-border-width: 0 !default;
$cooltipz-border-style: solid !default;
$cooltipz-border-color: $cooltipz-bg-color !default;
$cooltipz-text-color: #fff !default;
$cooltipz-font-size: 0.75rem !default;
$cooltipz-slide: 6px !default;
$cooltipz-border-radius: 0.125rem !default;
$cooltipz-timing: 120ms !default;
$cooltipz-cursor: pointer !default;
$cooltipz-small: 6.25rem !default;
$cooltipz-medium: 12.5rem !default;
$cooltipz-large: 18.75rem !default;
$cooltipz-arrow-size: 0.3125rem !default;
$cooltipz-delay-show: 0s !default;
$cooltipz-delay-hide: 0s !default;

:root {
  --cooltipz-bg-color: #{$cooltipz-bg-color};
  --cooltipz-border-width: #{$cooltipz-border-width};
  --cooltipz-border-style: #{$cooltipz-border-style};
  --cooltipz-border-color: #{$cooltipz-border-color};
  --cooltipz-text-color: #{$cooltipz-text-color};
  --cooltipz-font-size: #{$cooltipz-font-size};
  --cooltipz-slide: #{$cooltipz-slide};
  --cooltipz-border-radius: #{$cooltipz-border-radius};
  --cooltipz-timing: #{$cooltipz-timing};
  --cooltipz-cursor: #{$cooltipz-cursor};
  --cooltipz-small: #{$cooltipz-small};
  --cooltipz-medium: #{$cooltipz-medium};
  --cooltipz-large: #{$cooltipz-large};
  --cooltipz-arrow-size: #{$cooltipz-arrow-size};
  --cooltipz-delay-show: #{$cooltipz-delay-show};
  --cooltipz-delay-hide: #{$cooltipz-delay-hide};
}