/* ============================================
   UTILITIES
   Utility Classes
   ============================================ */

/* Text Utilities */
.text-white {
  color: var(--color-white);
}

.text-white-50 {
  color: var(--color-white-50);
}

.text-center {
  text-align: center;
}

/* Spacing Utilities */
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.p-0 { padding: 0; }

/* Display Utilities */
.d-block { display: block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }

/* Width Utilities */
.w-full { width: 100%; }
.w-auto { width: auto; }

/* Animation Utilities */
.fade-in {
  opacity: 0;
  animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}