@font-face {
  font-family: "Barlow-regular";
  src: url("../fonts/woff2/Barlow-Regular.woff2") format("woff2"),
    url("../fonts/woff/Barlow-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

:root {
  /* Font and Colors */

  --font-stack: "Barlow-regular";

  --primary-100: #fff6e5;
  --primary-200: #ffe4b3;
  --primary-300: #ffd280;
  --primary-400: #ffc14d;
  --primary-500: #ffaf1a;
  --primary-600: #e69500;
  --primary-700: #b37400;
  --primary-800: #805300;
  --primary-900: #4d3200;
  --primary: #f6a000;
  --focused-primary: #f6a00080;
  --dt-primary-color: #f6a000;

  --blue-900: #4d3200;
  --blue-800: #805300;
  --blue-700: #b37400;
  --blue-600: #e69500;
  --blue-500: #ffaf1a;
  --blue-400: #ffc14d;
  --blue-300: #ffd280;
  --blue-200: #ffe4b3;
  --blue-100: #fff6e5;
  --blue-50: #f0f8fe;

  /* Size and Spacing */
  --text-sm: 12px;
  --text-md: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 22px;
  --text-3xl: 24px;
}


html body {
  font-family: var(--font-stack);
}


.btn-primary:not(:disabled):not(.disabled):active,
div#driver-popover-item .driver-popover-footer button.driver-next-btn:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
div#driver-popover-item .driver-popover-footer button.driver-next-btn:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
div#driver-popover-item .driver-popover-footer .show>button.dropdown-toggle.driver-next-btn {
  border-color: var(--primary);
  background-color: var(--primary);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active {
  color: var(--primary);
}

.navbar-light .navbar-nav .nav-link {
  font-weight: normal;
  font-family: 'Barlow-regular' !important;
}

/* 
.btn-primary-light {
  color: var(--primary-700) !important;
  border-color: var(--primary-200) !important;
  background-color: var(--primary-200) !important;
}

.btn.btn-primary,
div#driver-popover-item .driver-popover-footer button.btn-primary,
div#driver-popover-item .driver-popover-footer button.driver-next-btn {
  background-color: var(--primary) !important;
}
.btn-primary:focus,
div#driver-popover-item .driver-popover-footer button.driver-next-btn:focus,
.btn-primary.focus,
div#driver-popover-item .driver-popover-footer button.focus.driver-next-btn {
  border-color: var(--primary) !important;
  box-shadow: inset 0 1px #ffffff26, 0 1px 1px #00000013,
    0 0 0 2px var(--focused-primary) !important;
}

body .widget.shortcut-widget-box:hover .widget-title {
  color: var(--primary) !important;
}

body .widget.shortcut-widget-box:hover svg.icon-xs {
  stroke: var(--primary) !important;
}

body
  .notifications-list
  .notification-item-tabs
  .notifications-category.active {
  border-color: var(--primary) !important;
}

.indicator-pill.blue,
.indicator-pill-right.blue,
.indicator-pill-round.blue {
  color: var(--primary-600);
  background-color: var(--primary-200);
}

.indicator-pill.blue::before,
.indicator-pill.blue::after,
.indicator-pill-right.blue::before,
.indicator-pill-right.blue::after,
.indicator-pill-round.blue::before,
.indicator-pill-round.blue::after {
  background-color: var(--primary-600);
} */