/* ============================================================
   COMPONENT · FLASH  (c-flash)
   The notice/alert banner every layout renders, now brought INSIDE
   the content container (not a full-bleed bare <p>) and aligned to
   the c-callout grade. Green for notices; AMBER (--color-alert) for
   a routine error — red is reserved system-wide for destructive
   confirmations, so an error banner must never wear the alarm color.
   .flash is kept as a back-compat alias of the same recipe.
   ============================================================ */

.c-flash,
.flash {
  --flash-color: var(--color-info);

  width: 100%;
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-data);
  font-size: var(--fs-sm);
  color: var(--color-text);
  background: color-mix(in srgb, var(--flash-color) 10%, var(--color-surface));
  border-left: 4px solid var(--flash-color);
  border-radius: var(--radius-xs);
  box-shadow: var(--seam-embossed);
}

.c-flash--notice,
.flash--notice { --flash-color: var(--color-ok); }

/* Routine errors are amber, NOT red. Red (--color-danger) stays reserved for
   destructive confirmations only (chunks 00/13 share this repoint). */
.c-flash--alert,
.flash--alert  { --flash-color: var(--color-alert); }