/* =====================================================================
   minimal-artist — utilities.css
   Küçük, tek amaçlı yardımcı sınıflar. Az ve bilinçli kullanılır;
   kompozisyon esas olarak component ve section sınıflarıyla yapılır.
   ===================================================================== */

/* ---- Boşluk ---- */
.u-mt-1 { margin-top: var(--space-2); }
.u-mt-2 { margin-top: var(--space-4); }
.u-mt-3 { margin-top: var(--space-5); }
.u-mt-4 { margin-top: var(--space-6); }
.u-mt-5 { margin-top: var(--space-7); }
.u-mb-2 { margin-bottom: var(--space-4); }
.u-mb-3 { margin-bottom: var(--space-5); }
.u-mb-4 { margin-bottom: var(--space-6); }

/* ---- Metin ---- */
.u-text-center { text-align: center; }
.u-text-right { text-align: right; }
.u-text-muted { color: var(--color-ink-soft); }
.u-text-primary { color: var(--color-primary); }
.u-text-small { font-size: var(--text-sm); }
.u-text-xs { font-size: var(--text-xs); }
.u-upper {
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}

/* ---- Düzen ---- */
.u-flex {
  display: flex;
  gap: var(--space-4);
}

.u-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.u-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
}

.u-wrap { flex-wrap: wrap; }
.u-grow { flex: 1; }
.u-relative { position: relative; }
.u-hidden { display: none !important; }

/* ---- Görsel ---- */
.u-radius { border-radius: var(--radius); }
.u-border { border: 1px solid var(--color-border-soft); }
.u-surface { background: var(--color-surface); }
.u-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.u-stack-sm {
  display: grid;
  gap: 0.8rem;
}

.u-measure-center {
  max-width: 52ch;
  margin-inline: auto;
}

/* ---- Ayraç ---- */
.u-divider {
  border: none;
  border-top: 1px solid var(--color-border-soft);
  margin-block: var(--space-5);
}