/* Shared interaction colors; provider logos retain their brand colors. */
:root {
  --primary: #2563eb;
  --primary-2: #1d4ed8;
  --primary-soft: #eff6ff;
  --primary-ghost: #f8fbff;
  --grad-brand: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

#primaryNav .nav-item.active,
#primaryNav .nav-item.active:hover {
  background: #fff;
  color: var(--primary);
  box-shadow: inset 2px 0 0 var(--primary);
}

#view-geoanalysis .geo-analysis-model-field,
.geo-analysis-model-picker {
  background: #fff;
}

.geo-analysis-model-card:hover:not(:disabled),
.geo-analysis-model-card.active {
  border-color: var(--primary);
  background: #fff;
  color: var(--primary-2);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, .12);
}

.geo-analysis-model-card-check {
  background: var(--primary);
}

button.primary {
  box-shadow: 0 3px 10px rgba(37, 99, 235, .28);
}

button.primary:hover {
  box-shadow: 0 5px 14px rgba(37, 99, 235, .36);
}

/* Account and sign-in fields use their border as the visible focus indicator. */
:is(#loginScreen, #view-account) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  textarea,
  select
):is(:focus, :focus-visible) {
  border: 1px solid var(--primary);
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}