/* ==================================================================
   Alert Components
   ================================================================== */

/* Base Alert */
.alert {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-xl);
  font-size: var(--font-size-base);
}

/* Notice Alert (success) */
.alert-notice {
  background: var(--color-success-light);
  color: var(--color-success-dark);
  border: 1px solid var(--color-success-border);
}

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