/* Override Astro widget classes (.btn, .input, .card, .label) to match the new Material You chrome */

.btn-primary {
  background-color: #001e40 !important;
  color: #ffffff !important;
}

.btn-primary:hover {
  background-color: #003366 !important;
}

.btn-outline {
  border-color: #001e40 !important;
  color: #001e40 !important;
  background-color: transparent !important;
}

.btn-outline:hover {
  background-color: #eceef0 !important;
}

.card {
  background-color: #f8f9fb !important;
  border: 1px solid #c3c6d1 !important;
  box-shadow: 0 4px 12px rgba(0, 30, 64, 0.04) !important;
}

.input {
  border-color: #c3c6d1 !important;
  background-color: #ffffff !important;
  color: #191c1e !important;
}

.input:focus {
  outline: none !important;
  border-color: #001e40 !important;
  box-shadow: 0 0 0 3px rgba(0, 30, 64, 0.12) !important;
}

.label {
  color: #43474e !important;
  font-weight: 500 !important;
}