/* ==========================================================================
   GNC SG — Status Messages
   ========================================================================== */

.messages {
  margin: var(--space-4) 0;
  padding: var(--space-4) var(--space-5);
  border: 1px solid;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
}

.messages--status {
  background-color: #e8f5e9;
  border-color: #a5d6a7;
  color: #1b5e20;
}

.messages--warning {
  background-color: #fff3e0;
  border-color: #ffcc80;
  color: #e65100;
}

.messages--error {
  background-color: #ffebee;
  border-color: #ef9a9a;
  color: #b71c1c;
}