@layer components {
  .danger-zone {
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-lg);
    border: 1px solid #fecaca;
    border-radius: var(--radius-lg);
    background-color: #fef2f2;
  }

  .danger-zone h3 {
    color: var(--color-danger);
    margin-bottom: var(--spacing-sm);
  }

  .danger-zone p {
    font-size: 0.875rem;
    color: var(--color-gray-600);
    margin-bottom: var(--spacing-md);
  }
}