:root {
  --body-font-family: Inter, sans-serif;
  --heading-font-family: Barlow Semi Condensed, sans-serif;
  --button-font-family: Barlow Semi Condensed, sans-serif;
  --form-control-font-family: "Inter", sans-serif;
  --heading-font-color: #003F58;
  --color-light-gray: #D9D9D9;
  --color-bright-gray: #EBECEF;
  --color-brightest-gray: #FAFAFA;
  --color-brand: #008392;
  --color-brand-darker: #006B80;
  --color-brand-darker-rgb: rgb(0, 107, 128);
  --color-brand-extra-dark: #00525B;
  --color-brand-super-dark: #002A42;
  --color-brand-green: #009C4E;
  --brand-gradient--fallback-bg: rgb(170,209,146);
  --brand-gradient: linear-gradient(45deg, rgba(170,209,146,1) 0%, rgba(97,165,153,1) 50%, rgba(46,65,151,1) 100%);
  --subtle-shadow: 0px 16px 12px -12px rgba(0, 0, 0, 0.10);
  --extra-subtle-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.10);
  --app-panel-width: 280px;
  --app-panel-width--expanded: 280px;
  --app-panel-width--collapsed: 88px;
  --app-panel-border-color: rgba(0, 63, 88, 0.075);
  --app-panel-bg: #fff;
  --app-panel-subnav-bg: rgba(0, 63, 88, 0.03275);
  --app-panel__nav-item__border-color: var(--bs-border-color);
  --app-panel__nav-link__text: var(--color-brand-darker);
  --app-panel__nav-link__text--hover: var(--color-brand-extra-dark);
  --app-panel__nav-link__text--current: var(--color-brand-super-dark);
  --app-panel__nav-link__icon: var(--color-brand-darker);
  --app-panel__nav-link__icon--current: var(--color-brand-green);
  --bs-heading-color: var(--heading-font-color);
  --bs-body-font-family: var(--body-font-family);
  --bs-link-color: #008392;
  --bs-link-hover-color: #006B80;
  --bs-link-color-rgb: 0, 82, 91;
  --bs-link-hover-color-rgb: 0, 42, 66;
  --bs-nav-link-color: rgb(0, 131, 146);
  --bs-nav-link-hover-color: #f00;
  --bs-border-radius: .25rem;
  --bs-border-radius-lg: .25rem;
  --bs-border-color: #e5ebee;

  /* Z-index layers */
  --z-index-app-header: 13;
  --z-index-app-panel: 12;
  --z-index-choices: 12;
  --z-index-app-main: 11;
  --z-index-numeric-step-before: 12;
  --z-index-numeric-step-after: 11;
  --z-index-map-search: 2;
  --z-index-map-toggle-btn: 1;

  /* Spinner colors */
  --spinner-border-color-top: var(--color-brand);
  --spinner-border-color-bottom: var(--bs-brand-accent-dark-green);

  /* Feature preview overlay */
  --feature-preview-overlay: rgba(0, 107, 128, 0.05);
}

body[data-app-theme=v1] {
  --app-header-height: 80px;
  --app-panel-y-offset: var(--app-header-height);
}

body[data-app-theme=v2] {
  --app-header-height: 96px;
  --app-panel-y-offset: var(--app-header-height);
}

@media (min-width: 576px) {
  body[data-app-theme=v1] {
    --app-header-height: 108px;
    --app-panel-y-offset: var(--app-header-height);
  }
  body[data-app-theme=v2] {
    --app-header-height: 96px;
    --app-panel-y-offset: var(--app-header-height);
  }
}
[data-bs-theme=dark] {
  --heading-font-color: #fff;
  --bs-heading-color: var(--heading-font-color);
}