/* ============================================================
   tx-breakpoints.css - Site Geneli Resmi Breakpoint Set'i

   Bootstrap 5 sm/md/lg/xl/xxl ile birebir uyumlu. Tum sayfa
   CSS'lerinde yalnizca bu degerler kullanilir.
   ============================================================ */

:root {
    /* max-width tokenleri (mobil-tablet detection icin) */
    --bp-xs-max: 575.98px;
    --bp-sm-max: 767.98px;
    --bp-md-max: 991.98px;
    --bp-lg-max: 1199.98px;
    --bp-xl-max: 1399.98px;

    /* min-width tokenleri */
    --bp-sm-min: 576px;
    --bp-md-min: 768px;
    --bp-lg-min: 992px;
    --bp-xl-min: 1200px;
    --bp-xxl-min: 1400px;

    /* Sayfa container max-width'leri (sabit, zoom-safe) */
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-xxl: 1320px;

    /* Section dikey ritim - clamp yok, breakpoint'te degisir */
    --space-section-y-desktop: 96px;
    --space-section-y-tablet: 64px;
    --space-section-y-mobile: 48px;
}