/* =====================================================
   BASE.CSS — Ortak Marka Değişkenleri
   Müşteriye özel değerleri bu bölümde güncelle.
   ===================================================== */

:root {
    /* --- Renkler --- */
    --color-primary:    #2563eb;
    --color-secondary:  #64748b;
    --color-accent:     #f59e0b;
    --color-bg:         #ffffff;
    --color-text:       #1e293b;
    --color-text-muted: #64748b;
    --color-border:     #e2e8f0;

    /* --- Tipografi --- */
    --font-heading: system-ui, -apple-system, sans-serif;
    --font-body:    system-ui, -apple-system, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;

    /* --- Boşluk --- */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;

    /* --- Layout --- */
    --container-max: 1280px;
    --container-pad: 1.5rem;
    --border-radius: 0.5rem;

    /* --- Animasyon --- */
    --transition: 0.2s ease;
}

/* Minimal reset */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: var(--font-body);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--color-text);
    background: var(--color-bg);
    margin: 0;
}

img, video { max-width: 100%; height: auto; }

a { color: var(--color-primary); }


/* =====================================================
   ContentBox media-slider düzeltmeleri (2026-09-09)
   Runtime, nokta göstergesini (.slider-controls) kapsayıcının
   içine basıyor ve alttaki kart başlıklarının üstüne biniyordu —
   kapsayıcıya alt boşluk verip kontrolleri o boşluğa sabitliyoruz.
   ===================================================== */
[data-cb-type="media-slider"] { padding-bottom: 3rem; }
[data-cb-type="media-slider"] .slider-controls {
    position: absolute;
    left: 50%;
    bottom: 0.4rem;
    transform: translateX(-50%);
}