/* Utilities layer - utility classes */
@layer utilities {
  .text-center {
    text-align: center;
  }

  .text-muted {
    color: var(--text-muted);
  }

  .mb-1 { margin-bottom: 0.5rem; }
  .mb-2 { margin-bottom: 1rem; }
  .mb-3 { margin-bottom: 1.5rem; }
  .mt-2 { margin-top: 1rem; }
  .mt-3 { margin-top: 1.5rem; }

  .flex {
    display: flex;
  }

  .flex-col {
    flex-direction: column;
  }

  .gap-1 { gap: 0.5rem; }
  .gap-2 { gap: 1rem; }

  .justify-center {
    justify-content: center;
  }

  .hidden {
    display: none !important;
  }

  .selected {
  }
}