/* Noupia brand layer — load after MobileKit assets/css/style.css. */
:root {
  --noupia-primary: #039be5;
  --noupia-secondary: #117ef2;
  --noupia-primary-rgb: 3, 155, 229;
}

/* Override MobileKit's copied legacy accent rules after the vendor sheet.
   These cover pressed/focused controls, alerts and dialog actions as well
   as the resting primary button. */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.alert-primary,
.bg-primary,
.fab-button .fab {
  background-color: var(--noupia-primary) !important;
  border-color: var(--noupia-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-primary.active,
a.bg-primary:hover,
a.bg-primary:active,
.fab-button.dropdown.show .fab {
  background-color: var(--noupia-secondary) !important;
  border-color: var(--noupia-secondary) !important;
  box-shadow: 0 0 0 .25rem rgba(var(--noupia-primary-rgb), .24) !important;
}

.btn-primary:focus-visible {
  outline: 0;
}

/* Authentication notices are branded informational feedback, not a second
   inherited teal identity. Keep warning and danger states semantically distinct. */
.alert-success,
.alert-outline-success {
  color: var(--noupia-primary) !important;
  border-color: var(--noupia-primary) !important;
}
.alert-success { background-color: var(--noupia-primary) !important; color: #fff !important; }
.alert-outline-success { background-color: transparent !important; }
.alert-success a,
.alert-outline-success a,
.alert-outline-success .alert-title,
.alert-outline-success .btn-close { color: inherit !important; }
.alert-outline-success .btn-close::before,
.alert-outline-success .btn-close::after { background: var(--noupia-primary) !important; }

.notification-dialog.android-style .notification-footer .notification-button:hover,
.notification-dialog.android-style .notification-footer .notification-button:active,
.notification-dialog.ios-style .notification-footer .notification-button:hover,
.notification-dialog.ios-style .notification-footer .notification-button:active {
  color: var(--noupia-secondary) !important;
}

.noupia-primary { color: var(--noupia-primary) !important; }
.bg-noupia-primary { background-color: var(--noupia-primary) !important; }
.noupia-secondary { color: var(--noupia-secondary) !important; }
.bg-noupia-secondary { background-color: var(--noupia-secondary) !important; }

.noupia-wordmark {
  color: var(--noupia-primary);
  font-weight: 700;
  letter-spacing: -0.04em;
}