@charset "UTF-8";
/* CSS Document */

/* =========================================================
   DOSYA: assets/css/utilities.css
   KOVA: UTILITIES (yardımcı sınıflar)
   AMAÇ: Tekil, tekrar kullanılabilir yardımcı sınıfları içerir.
   KAPSAM:
   - Renk yardımcıları (num-* gibi)
   - Basit spacing / display / typo yardımcıları (ileride eklenecek)

   KURAL:
   - Utilities sınıfları, section stillerinin "temeli"dir.
   - utilities.css, components.css ve sections/* dosyalarından önce yüklenmelidir.

   Versiyon: 1.0.0 (refactor)
   Son Güncelleme: 2025-12-20
   ========================================================= */

/* =========================================================
   0. RENK YARDIMCILARI (Sayı Balonları için)
   ========================================================= */
.num-blue {
    background: #03a9f4;
}

/* Mavi arka plan rengi (örn. numaralı balonlar için) */
.num-red {
    background: #f44336;
}

/* Kırmızı arka plan rengi */
.num-orange {
    background: #ff9800;
}

/* Turuncu arka plan rengi */
.num-green {
    background: #4caf50;
}

/* Yeşil arka plan rengi */
.num-purple {
    background: #673ab7;
}

/* Mor arka plan rengi */
.num-teal {
    background: #009688;
}

/* Turkuaz/teal arka plan rengi */
.num-pink {
    background: #e91e63;
}





.section-divider {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 34px auto 36px;
}

.section-divider span {
    display: block;
    width: 240px;
    height: 1px;
    background-color: #d0d0d0;
    opacity: 0.9;
}

@media (max-width: 576px) {
    .section-divider span {
        width: 160px;
    }

    .section-divider {
        margin: 28px auto 30px;
    }
}