/* ==========================================================================
   Echo Brand Colors — Default Theme Only
   Overrides Bootstrap's compiled classes with Echo corporate identity.
   Only applies when using the default Bootstrap theme (no Bootswatch).
   ========================================================================== */

/* Echo brand color tokens */
body[data-theme="bootstrap"],
body:not([data-theme]) {
  --echo-primary: #0A3EAC;
  --echo-success: #38A70C;
  --echo-primary-rgb: 10, 62, 172;
  --echo-success-rgb: 56, 167, 12;
  --app-splitter-hover: var(--echo-primary);
}

/* Backgrounds */
body[data-theme="bootstrap"] .bg-primary,
body:not([data-theme]) .bg-primary {
  background-color: var(--echo-primary) !important;
}

/* Primary buttons */
body[data-theme="bootstrap"] .btn-primary,
body:not([data-theme]) .btn-primary {
  background-color: var(--echo-primary);
  border-color: var(--echo-primary);
}

body[data-theme="bootstrap"] .btn-primary:hover,
body[data-theme="bootstrap"] .btn-primary:focus,
body:not([data-theme]) .btn-primary:hover,
body:not([data-theme]) .btn-primary:focus {
  background-color: rgba(var(--echo-primary-rgb), 0.85);
  border-color: rgba(var(--echo-primary-rgb), 0.85);
}

/* Outline primary buttons */
body[data-theme="bootstrap"] .btn-outline-primary,
body:not([data-theme]) .btn-outline-primary {
  color: var(--echo-primary);
  border-color: var(--echo-primary);
}

body[data-theme="bootstrap"] .btn-outline-primary:hover,
body[data-theme="bootstrap"] .btn-outline-primary:focus,
body:not([data-theme]) .btn-outline-primary:hover,
body:not([data-theme]) .btn-outline-primary:focus {
  background-color: var(--echo-primary);
  border-color: var(--echo-primary);
  color: white;
}

/* Badges */
body[data-theme="bootstrap"] .badge.bg-primary,
body:not([data-theme]) .badge.bg-primary {
  background-color: var(--echo-primary) !important;
}

body[data-theme="bootstrap"] .badge.bg-success,
body:not([data-theme]) .badge.bg-success {
  background-color: var(--echo-success) !important;
}

/* Tab links */
body[data-theme="bootstrap"] .nav-tabs .nav-link:not(.active),
body:not([data-theme]) .nav-tabs .nav-link:not(.active) {
  color: var(--echo-primary);
}

body[data-theme="bootstrap"] .nav-tabs .nav-link:not(.active):hover,
body:not([data-theme]) .nav-tabs .nav-link:not(.active):hover {
  color: rgba(var(--echo-primary-rgb), 0.85);
}

/* Research card hover & tab-open states */
body[data-theme="bootstrap"] .research-card:hover,
body:not([data-theme]) .research-card:hover {
  border-left-color: var(--echo-primary);
}

body[data-theme="bootstrap"] .research-card.tab-open,
body:not([data-theme]) .research-card.tab-open {
  border-left-color: var(--echo-primary);
  background-color: color-mix(in srgb, var(--echo-primary) 5%, var(--app-bg-card) 95%);
}

body[data-theme="bootstrap"] .research-card.tab-open:hover,
body:not([data-theme]) .research-card.tab-open:hover {
  background-color: color-mix(in srgb, var(--echo-primary) 8%, var(--app-bg-card) 92%);
}