/* =========================================================
   Base color (меняется в одном месте)
   ========================================================= */
:root {
  --base-color: #2347a8;
  --base-color-rgb: 35, 71, 168;
}

/* =========================================================
   Buttons
   ========================================================= */
.btn-primary {
  background-color: var(--base-color);
  border-color: var(--base-color);
}

/* Hover */
.btn-primary:hover {
  background-color: rgba(var(--base-color-rgb), 0.9);
  border-color: rgba(var(--base-color-rgb), 0.9);
}

/* Focus */
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--base-color);
  border-color: var(--base-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--base-color-rgb), 0.4) !important;
}

/* Active */
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: rgba(var(--base-color-rgb), 0.85) !important;
  border-color: rgba(var(--base-color-rgb), 0.85) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--base-color-rgb), 0.4) !important;
}

/* Disabled */
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: rgba(var(--base-color-rgb), 0.6);
  border-color: rgba(var(--base-color-rgb), 0.6);
}

/* =========================================================
   Outline buttons
   ========================================================= */
.btn-outline-primary {
  color: var(--base-color);
  border-color: rgba(var(--base-color-rgb), 0.85) !important;
}

/* =========================================================
   GLOBAL button focus override (Bootstrap 4.6 fix)
   ========================================================= */
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(var(--base-color-rgb), 0.4) !important;
}

/* Primary button focus (на всякий случай)
   ========================================================= */
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--base-color);
  border-color: var(--base-color);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--base-color);
  border-color: var(--base-color);
  color: #fff;
}

.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--base-color-rgb), 0.4) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: rgba(var(--base-color-rgb), 0.85) !important;
  border-color: rgba(var(--base-color-rgb), 0.85) !important;
}

/* =========================================================
   Pills / Nav
   ========================================================= */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--base-color);
}

/* =========================================================
   Badges
   ========================================================= */
.badge-primary {
  background-color: var(--base-color);
}

/* =========================================================
   Alerts
   ========================================================= */
.alert-primary {
  color: var(--base-color);
  background-color: rgba(var(--base-color-rgb), 0.1);
  border-color: rgba(var(--base-color-rgb), 0.25);
}

/* =========================================================
   Links
   ========================================================= */
/*a {
  color: rgba(var(--base-color-rgb), 0.25);
  text-decoration: underline;
}

a:hover,
a:focus {
  color: rgba(var(--base-color-rgb), 0.4);
  text-decoration: underline;
} */

a {
  color: var(--base-color);
  /* text-decoration: underline; */
  /* text-decoration-color: rgba(var(--base-color-rgb), 0.25); */
}

a:hover,
a:focus {
  color: rgba(var(--base-color-rgb), 0.85);
  /* text-decoration-color: rgba(var(--base-color-rgb), 0.4); */
}