:root {
  --navbar-height: 55px;
  --navbar-width: 230px;
  --navbar-margin-bottom: var(--line-height-computed);
  --navbar-border-radius: var(--border-radius-base);
  --navbar-padding-horizontal: calc(var(--grid-gutter-width) / 2);
  --navbar-padding-vertical: calc((var(--navbar-height) - var(--line-height-computed)) / 2);
  --navbar-collapse-max-height: 340px;
  --navbar-default-color-base: var(--base-color-10);
  --navbar-default-color-bg: var(--navbar-default-color-base);
  --navbar-default-color-text: var(--base-white);
  --navbar-default-color-border: var(--navbar-default-color-bg);
  --navbar-default-link-color: #777;
  --navbar-default-link-hover-color: #333;
  --navbar-default-link-hover-bg: transparent;
  --navbar-default-link-active-color: #555;
  --navbar-default-link-active-bg: calc(var(--navbar-default-color-bg) * 6.5%);
  --navbar-default-link-disabled-color: #ccc;
  --navbar-default-link-disabled-bg: transparent;
  --navbar-default-brand-color: var(--navbar-default-link-color);
  --navbar-default-brand-hover-color: calc(var(--navbar-default-brand-color) * 10%);
  --navbar-default-brand-hover-bg: transparent;
  --navbar-default-toggle-hover-bg: #ddd;
  --navbar-default-toggle-icon-bar-bg: #888;
  --navbar-default-toggle-border-color: #ddd;
  --navbar-inverse-color: calc(var(--gray-light) * 15%);
  --navbar-inverse-bg: #222;
  --navbar-inverse-border: calc(var(--navbar-inverse-bg) * 10%);
  --navbar-inverse-link-color: calc(var(--gray-light) * 15%);
  --navbar-inverse-link-hover-color: var(--base-white);
  --navbar-inverse-link-hover-bg: transparent;
  --navbar-inverse-link-active-color: var(--navbar-inverse-link-hover-color);
  --navbar-inverse-link-active-bg: calc(var(--navbar-inverse-bg) * 10%);
  --navbar-inverse-link-disabled-color: #444;
  --navbar-inverse-link-disabled-bg: transparent;
  --navbar-inverse-brand-color: var(--navbar-inverse-link-color);
  --navbar-inverse-brand-hover-color: var(--base-white);
  --navbar-inverse-brand-hover-bg: transparent;
  --navbar-inverse-toggle-hover-bg: #333;
  --navbar-inverse-toggle-icon-bar-bg: var(--base-white);
  --navbar-inverse-toggle-border-color: #333;
  --nav-link-padding: 10px 15px;
  --nav-link-hover-bg: var(--gray-lighter);
  --nav-disabled-link-color: var(--gray-light);
  --nav-disabled-link-hover-color: var(--gray-light);
  --nav-tabs-border-color: #ddd;
  --nav-tabs-link-hover-border-color: var(--gray-lighter);
  --nav-tabs-active-link-hover-bg: var(--body-color-background);
  --nav-tabs-active-link-hover-color: var(--gray);
  --nav-tabs-active-link-hover-border-color: #ddd;
  --nav-tabs-justified-link-border-color: #ddd;
  --nav-tabs-justified-active-link-border-color: var(--body-color-background);
  --dropdown-bg: var(--base-white);
  --dropdown-border: hsl(0, 0%, 50%);
  --dropdown-fallback-border: #ccc;
  --dropdown-divider-bg: #e5e5e5;
  --dropdown-link-color: var(--gray-dark);
  --dropdown-link-hover-color: brightness(var(--gray-dark), 5%);
  --dropdown-link-hover-bg: #f5f5f5;
  --dropdown-link-active-color: var(--component-active-color);
  --dropdown-link-active-bg: var(--component-active-bg);
  --dropdown-link-disabled-color: var(--gray-light);
  --dropdown-header-color: -var(--gray-light);
  --dropdown-caret-color: var(--base-black);
}