/* The layout's flash banner (app/views/layouts/application.html.erb) inherits its message
   color from Metronic's `.alert-warning { color: var(--bs-warning) }`, which is #F6C000 on a
   #FFF8DD background — 1.9:1, so validation messages such as "is too long (maximum is 255
   characters)" were effectively unreadable. #9A6700 is the warning tone ToastComponent already
   uses, and reaches 4.6:1 (WCAG AA for body text).

   Scoped to .flash-messages rather than restyling `.alert-warning` app-wide, so the standalone
   warning callouts (candidates, api_keys, door_access, workflow_stages, admin_requests) keep the
   theme's look. Lives here rather than in the vendored lib/assets/css/style.bundle.css, which is
   regenerated from upstream and has an RTL twin carrying the same rule. */
.flash-messages .alert-warning {
  color: #9A6700;
}

/* The icon carries `.text-warning`, which the theme sets with !important, so matching it needs
   the same — otherwise a pale icon sits beside the darkened text. */
.flash-messages .alert-warning .text-warning {
  color: #9A6700 !important;
}