/* ErrachidiaSite shared palette: logo blue, warm gold, clear neutrals. */
:root {
  --brand: #0b56b7;
  --brand-2: #3478d4;
  --brand-soft: #edf4ff;
  --navy: #142443;
  --navy-2: #23385e;
  --gold: #e5ae2f;
  --gold-soft: #fff6df;
  --ink: #172743;
  --ink-2: #33435d;
  --muted: #68768b;
  --border: #dce5f0;
  --surface-2: #f5f8fd;
  --os-blue: #0b56b7;
  --os-blue-dark: #08428f;
  --os-blue-soft: #edf4ff;
  --os-yellow: #e5ae2f;
  --os-yellow-dark: #c79012;
  --os17-blue: #0b56b7;
  --os17-blue-dark: #08428f;
  --os17-yellow: #e5ae2f;
  --os17-line: #dce5f0;
  --os17-bg: #f5f8fd;
  --os17-text: #172743;
  --os17-muted: #68768b;
  --v28-blue: #0b56b7;
  --v28-blue-dark: #08428f;
  --v28-blue-soft: #edf4ff;
  --v28-yellow: #e5ae2f;
  --v28-yellow-dark: #c79012;
  --v28-ink: #172743;
  --v28-muted: #68768b;
  --v28-soft: #f5f8fd;
  --v28-line: #dce5f0;
  --v47-blue: #0b56b7;
  --v47-blue-soft: #edf4ff;
  --v47-border: #dce5f0;
  --v47-ink: #172743;
  --v47-muted: #68768b;
  --v48-blue: #0b56b7;
  --v48-blue-2: #08428f;
  --v48-yellow: #e5ae2f;
  --v48-ink: #172743;
  --v48-muted: #68768b;
  --v48-border: #dce5f0;
  --v48-bg: #f5f8fd;
  --v51-blue: #0b56b7;
  --v51-blue-dark: #08428f;
  --v51-ink: #172743;
  --v51-muted: #68768b;
  --v51-line: #dce5f0;
  --v51-bg: #f5f8fd;
  --v11-emerald: #0b56b7;
  --v11-emerald-dark: #08428f;
  --v11-gold: #e5ae2f;
  --v11-navy: #142443;
  --lux-emerald: #0b56b7;
  --lux-emerald-2: #08428f;
  --lux-emerald-3: #3478d4;
  --lux-gold: #e5ae2f;
  --cg-green: #0b56b7;
  --cg-green-2: #08428f;
  --cg-green-soft: #edf4ff;
  --cg-orange: #e5ae2f;
}

html { accent-color: var(--brand); }
::selection { color: #fff; background: var(--brand); }

input:focus, select:focus, textarea:focus {
  border-color: #80a8df !important;
  box-shadow: 0 0 0 4px rgba(11, 86, 183, .12) !important;
}

.btn {
  box-shadow: 0 9px 22px rgba(11, 86, 183, .18);
}
.btn:hover { filter: brightness(.96); }
.btn-outline, .btn-secondary {
  border-color: #c9d8eb;
  color: var(--brand);
}

.premium-nav a:hover, .premium-nav a.active,
.desktop-nav a:hover, .desktop-nav a.active,
.login-link:hover, .nav-pill:hover {
  color: var(--brand) !important;
}

.provider-badge {
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
}
.badges span {
  background: #f2f6fc;
  border-color: #e0e8f2;
  color: #51647f;
}

.pagination .active, .pagination a.active,
.tab.active, .filter-chip.active, .filter-pill.active {
  border-color: var(--brand) !important;
  background: var(--brand) !important;
  color: #fff !important;
}