:root {
  --retailer-primary: hsl(37deg 96% 59%);
  --retailer-secondary: hsl(220deg 1% 50%);
  --retailer-tertiary: hsl(150deg 3% 12%);
  --retailer-auth-color: var(--retailer-primary);
  --retailer-black: hsl(0deg 0% 0%);
  --retailer-sidebar-bg: hsl(0deg 0% 82%);
  /* Buttons, inputs and focus overrides */
  --retailer-focus: var(--retailer-primary);
  --retailer-focus-outline: hsl(37deg 96% 59% / 20%);
  --retailer-checkbox: var(--retailer-primary);
  --retailer-dropdown-item-active: var(--retailer-primary);
  --retailer-btn-link: var(--retailer-primary);
  --retailer-btn-link-hover: hsl(37deg 96% 49%);
  --retailer-primary-button: var(--retailer-primary);
  --retailer-primary-button-text: white;
  --retailer-primary-button-hover: hsl(37deg 96% 49%);
  --retailer-loading-color: var(--retailer-primary);
  --retailer-link-color: var(--retailer-primary);
  --retailer-secondary-button: var(--retailer-secondary);
  --retailer-secondary-button-text: white;
  --retailer-secondary-button-focus: hsl(220deg 1% 70%);
  /* retailer border-color and other color overrides */
  --retailer-border-color: #dee2e6;
  /* retailer vue calendar overrides */
  --retailer-calendar-color: var(--retailer-primary);
  --retailer-calendar-color-light: hsl(37deg 96% 89%);
  /* bg primary */
  --retailer-bg-primary: var(--retailer-primary);
}