/* utilities.css - Utility classes for spacing, flex, etc. */

.flex {
  display: flex;
  gap: 1rem;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 2rem; }
.p-1 { padding: 1rem; }
.p-2 { padding: 2rem; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.w-100 { width: 100%; }
.rounded { border-radius: var(--border-radius, 8px); }
.shadow { box-shadow: 0 2px 8px rgba(0,0,0,0.07); }