/* ===================================================================
   Sağlık Zirvesi — Tasarım Token'ları
   Renkler logodan ÖLÇÜLMÜŞTÜR (bkz. DESIGN_SYSTEM.md §1).
   =================================================================== */

:root {
    /* Marka — logo pikselinden: #02539A %87,7 · #F8D269 %9,5 */
    --color-primary:        #02539A;
    --color-primary-600:    #044A88;
    --color-primary-700:    #033A6B;
    --color-primary-900:    #022449;
    --color-primary-100:    #E8F0F8;
    --color-primary-050:    #F4F8FC;

    --color-accent:         #F8D269;
    --color-accent-600:     #E8B944;
    --color-accent-700:     #C99A2C;
    /* Beyaz/açık zeminde METİN olarak kullanılabilen altın ton.
       --color-accent-700 (#C99A2C) beyazda 2,58:1 veriyor — WCAG AA'nın
       4,5:1 eşiğinin ve 3:1 büyük-metin eşiğinin bile altında. Bu ton
       beyazda 5,05:1, açık yüzeyde 4,76:1 verir. Bkz. UI-006.
       accent-700 çerçeve/ayraç/ikon olarak kalabilir; METİN için bunu kullanın. */
    --color-accent-text:    #8A6A1A;
    --color-accent-100:     #FDF3DC;

    /* WhatsApp'ın kendi marka renkleri. Marka kılavuzu bu iki tonu sabitler;
       site paletinden türetilmez, türetilirse buton "WhatsApp" olarak
       tanınmaz. Yalnız yüzen sohbet butonunda kullanılır.
       Yuvarlak butonun zemini açık yeşil (#25D366), işaret beyaz —
       WhatsApp'ın kendi buton biçimi böyle. Yanında yazı YOKTUR: beyaz
       bu zeminde 2,3:1 veriyor, küçük metin için yetersiz; işaret ise
       tanınırlığı taşıyan biçimin kendisi. Telefon bandında ise zemin
       beyaza dönüp yeşil yalnız ikonda kalır, yazı gövde renginde
       basılır (bkz. layout.css .floating-cta). */
    --color-whatsapp:       #25D366;
    --color-whatsapp-dark:  #128C7E;
    --color-whatsapp-hover: #0F7A6C;

    /* Metin */
    --color-text:           #25263D;
    --color-text-muted:     #5A5C74;   /* 6,53:1 — küçük metinde kullanılabilir */
    --color-text-subtle:    #7F8195;   /* 3,83:1 — YALNIZCA ≥24px veya ayraç/ikon */
    --color-text-invert:    #FFFFFF;

    /* Yüzeyler */
    --color-background:     #FFFFFF;
    --color-surface:        #F7F8FD;
    --color-surface-sunken: #EEF1F7;
    --color-surface-dark:   #10203A;

    /* Kenarlıklar */
    --color-border:         #E4E7F0;
    --color-border-strong:  #CBD2E0;

    /* Durum */
    --color-success:        #1E7A4C;
    --color-success-bg:     #E8F5EE;
    --color-warning:        #B8791A;
    --color-warning-bg:     #FDF3DC;
    --color-danger:         #A32B2B;
    --color-danger-bg:      #FBEAEA;

    --color-focus:          #02539A;
    --focus-ring:           0 0 0 3px rgba(2, 83, 154, .35);

    /* Tipografi */
    --font-heading: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
    --font-body:    "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    /* Ölçek bir kademe büyütüldü (~%6). Gövde 17 -> 18px.
       h1 üst sınırı 56px'te tutuluyor: ekranı kaplayan başlık kullanılmıyor. */
    --text-xs:   .875rem;    /* 14px */
    --text-sm:   1rem;       /* 16px */
    --text-base: 1.125rem;   /* 18px */
    --text-lg:   1.25rem;    /* 20px */
    --text-h4:   clamp(1.1875rem, .95rem + .65vw, 1.5rem);    /* 19 -> 24px */
    --text-h3:   clamp(1.5rem,    1.2rem + .95vw, 1.875rem);  /* 24 -> 30px */
    --text-h2:   clamp(1.875rem,  1.45rem + 1.7vw, 2.625rem); /* 30 -> 42px */
    --text-h1:   clamp(2.25rem,   1.6rem + 2.6vw,  3.5rem);   /* 36 -> 56px */

    /* Boşluk */
    --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
    --space-4: 16px; --space-5: 24px; --space-6: 32px;
    --space-7: 48px; --space-8: 64px; --space-9: 96px;

    --container:      1200px;
    /* Gövde metninin azami satır uzunluğu. Sayfa başlığıyla aynı genişlikte
       akması için container ile eşitlenmiştir. */
    --measure:        var(--container);
    --gutter:         clamp(16px, 4vw, 32px);
    --section-y:      clamp(24px, 3.5vw, 48px);

    /* Köşe — tek bir "her yerde aynı" değer bilinçli olarak yok */
    --radius-sm:   3px;
    --radius-md:   6px;
    --radius-lg:   10px;
    --radius-pill: 999px;

    /* Tıklanabilir denetimler köşesizdir: butonlar, ok düğmeleri, sayfalama,
       harf gezinmesi, sekmeler ve tıklanan etiketler. Yayıncı kararı —
       yuvarlatma kaldırıldı, kenarlar keskin. Tek yerden döndürülebilsin
       diye kural kural 0 yazmak yerine bu değişken kullanılır; kutular,
       kartlar ve görseller kendi yuvarlaklıklarını korur. */
    --radius-control: 0;

    /* Gölge — yalnızca iki seviye */
    --shadow-sm: 0 1px 2px rgba(16, 32, 58, .06);
    --shadow-md: 0 4px 14px rgba(16, 32, 58, .08);

    /* Hareket */
    --ease:     cubic-bezier(.22, .61, .36, 1);
    --dur-fast: 150ms;
    --dur-base: 250ms;

    --header-h: 92px;
    /* Logo kırpıldıktan sonra oranı 5.65; yükseklik doğrudan genişliği
       belirlediği için kırılım bazlı sabit değerler kullanılır. */
    --logo-h:   50px;
}

@media (max-width: 1199px) { :root { --logo-h: 44px; } }

@media (max-width: 991px) {
    :root { --header-h: 76px; --logo-h: 38px; }
}

@media (max-width: 479px) {
    :root { --header-h: 68px; --logo-h: 29px; }
}