/* =========================================================
   BTH Teknoloji — Global Tasarım Sistemi (Design Tokens)
   Her sayfada (inc/header.php üzerinden) yüklenir.
   Renk/boşluk/tipografi/gölge için TEK KAYNAK.
   ========================================================= */

:root {
    /* --- Renkler: Indigo vurgu + Slate nötr --- */
    --c-primary:      #4f46e5;
    --c-primary-700:  #4338ca;
    --c-primary-300:  #818cf8;
    --c-primary-100:  #e0e7ff;
    --c-accent:       #a855f7;   /* menekşe */
    --c-cyan:         #38bdf8;

    --c-dark:   #0f172a;
    --c-dark-2: #1e293b;
    --c-dark-3: #334155;
    --c-text:   #1e293b;
    --c-muted:  #64748b;
    --c-border: #e2e8f0;
    --c-bg:     #f8fafc;
    --c-white:  #ffffff;

    --c-success: #22c55e;
    --c-danger:  #ef4444;
    --c-warning: #f59e0b;

    /* Gradyanlar */
    --grad-primary: linear-gradient(135deg, #4338ca 0%, #6366f1 100%);
    --grad-accent:  linear-gradient(135deg, #6366f1 0%, #a855f7 100%);

    /* --- Tipografi --- */
    --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-head: 'Sora', 'Inter', system-ui, sans-serif;

    /* --- Köşe yarıçapı --- */
    --radius-sm:   8px;
    --radius:      14px;
    --radius-lg:   20px;
    --radius-xl:   28px;
    --radius-full: 999px;

    /* --- Gölge (elevation) --- */
    --shadow-sm:      0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.05);
    --shadow:         0 4px 14px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);
    --shadow-md:      0 14px 32px rgba(15,23,42,.09), 0 4px 10px rgba(15,23,42,.05);
    --shadow-lg:      0 28px 55px rgba(15,23,42,.14);
    --shadow-primary: 0 14px 32px rgba(79,70,229,.30);

    /* --- Geçişler --- */
    --t-fast: .18s ease;
    --t:      .3s cubic-bezier(.2,.6,.2,1);

    /* Sabit navbar payı (anchor scroll için) */
    --nav-h: 90px;
}

/* --- Global temel iyileştirmeler --- */
* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden; /* mobilde kazara yatay kaymayı önler */
}

/* Başlıklarda modern display font + rafine tracking */
h1, h2, h3, h4,
.hero-title, .section-header h2, .about-title, .contact-title,
.article-title, .project-title, .blog-title {
    font-family: var(--font-head);
    letter-spacing: -0.02em;
}

/* Sabit navbar altında kalan anchor hedeflerini düzelt (#packages vb.) */
section[id], [id="newsletter"] { scroll-margin-top: var(--nav-h); }

/* Seçim rengi */
::selection { background: var(--c-primary); color: #fff; }

/* Klavye odak halkası (erişilebilirlik + cila) */
a:focus-visible, button:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: 3px solid var(--c-primary-300);
    outline-offset: 2px;
}

/* Görsellerde yumuşak yükleme */
img { max-width: 100%; }