/* 06-components/flash — notice/alert banners. */
.c-flash {
  --flash-colour: var(--brand);
  border: 1px solid color-mix(in srgb, var(--flash-colour) 40%, transparent);
  border-radius: var(--radius-sm);
  padding: 0.6rem 0.9rem;
  font-size: var(--text-sm);
  color: var(--flash-colour);
  background: color-mix(in srgb, var(--flash-colour) 7%, transparent);
}
.c-flash--notice { --flash-colour: var(--brand); }
.c-flash--alert  { --flash-colour: var(--danger); }
