/* ==========================================================================
   UTILITIES — küçük tek amaçlı yardımcı sınıflar
   ========================================================================== */

/* Metin */
.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }
.text-muted  { color: var(--c-text-muted); }
.text-primary { color: var(--c-primary); }
.text-accent  { color: var(--c-accent); }
.text-white   { color: var(--c-white); }
.text-sm  { font-size: var(--fs-sm); }
.text-lg  { font-size: var(--fs-md); }
.text-xl  { font-size: var(--fs-lg); }
.text-display { font-family: var(--font-display); }
.text-upper { text-transform: uppercase; letter-spacing: .05em; }
.fw-bold { font-weight: 700; }
.lead { font-size: var(--fs-md); color: var(--c-text-muted); }

/* Boşluk: m(t|b)-0..8  — tokens.css içindeki --space-N ölçeğini kullanır */
.mt-0 { margin-top: 0 !important; }   .mb-0 { margin-bottom: 0 !important; }
.mt-2 { margin-top: var(--space-2); } .mb-2 { margin-bottom: var(--space-2); }
.mt-4 { margin-top: var(--space-4); } .mb-4 { margin-bottom: var(--space-4); }
.mt-5 { margin-top: var(--space-5); } .mb-5 { margin-bottom: var(--space-5); }
.mt-6 { margin-top: var(--space-6); } .mb-6 { margin-bottom: var(--space-6); }
.mt-7 { margin-top: var(--space-7); } .mb-7 { margin-bottom: var(--space-7); }
.mt-8 { margin-top: var(--space-8); } .mb-8 { margin-bottom: var(--space-8); }
.mx-auto { margin-inline: auto; }

/* Genişlik */
.w-100 { width: 100%; }
.max-sm { max-width: 480px; }
.max-md { max-width: 720px; }

/* Görünürlük */
.hidden { display: none !important; }
@media (max-width: 860px) { .hide-mobile { display: none !important; } }
@media (min-width: 861px) { .hide-desktop { display: none !important; } }
.visually-hidden {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* Görseller */
.img-rounded { border-radius: var(--radius-lg); }
.img-shadow  { box-shadow: var(--shadow-lg); }
.img-center  { margin-inline: auto; }