/* ================================
 * ALERT CALLOUTS (v1.0)
 *
 * Light/dark base for the Bootstrap-idiom `.alert.alert-warning` /
 * `.alert.alert-danger` classes the app has used since the validation
 * partials shipped. dark-mode.css carried token overrides for the
 * `.alert-*-box` utility family, but these two bare variants had NO
 * base rule anywhere — they rendered unstyled in light mode. Same
 * token idiom as `.alert-warning-box` (dark-mode.css), so the theme
 * flip is automatic: the tokens change, the rules don't.
 *
 * Used by: cartage comparison flags, _rate_validation.html,
 * _schedule_validation.html, review/email preview banners.
 * ================================ */

.alert {
  border-radius: var(--radius-lg);
  padding: 0.75rem 1rem;
}

.alert.alert-warning {
  background: var(--pk-warning-light);
  border: 1px solid var(--pk-warning-border);
  color: var(--pk-warning-dark);
}

.alert.alert-danger {
  background: var(--pk-error-light);
  border: 1px solid var(--pk-error-border);
  color: var(--pk-error-dark);
}

.alert a {
  color: inherit;
  font-weight: var(--font-medium);
  text-decoration: underline;
}