/* ============================================================
   BUZUL — Tasarım Sistemi v1
   [MARKA] · Nişantaşı · bel üstü medikal estetik + değerlendirme
   ------------------------------------------------------------
   Palet 06 "Buzul" seçildi (müşteri kararı, 10 Ağu 2026) ve üç
   ölçüm düzeltmesiyle uygulandı:
     1. CTA #16607C (7.0:1) → #0F4A60 (9.7:1)
     2. Ilık ikincil yüzey --sicak eklendi: soğuk zemin ten
        tonlarını soldurduğu için portre/hekim blokları orada durur
     3. --bakir #9A6428 (buz-2'de 4.30) → #8E5B23 (üç yüzeyde ≥4.95)
        --sessiz #6B767E (4.35) → #666F77 (4.79)
   Tüm oranlar WCAG 2.1 göreli parlaklık formülüyle hesaplandı.
   ------------------------------------------------------------
   KURALLAR (token seviyesinde kilitli):
   1. --dekor açık zeminde METİN OLAMAZ (1.99:1). Yalnız ikon,
      dolgu, ayraç.
   2. --bakir geniş yüzey olamaz — etiket, 1px çizgi, rozet.
   3. --acil YALNIZ acil/112 kutusu. Diğer tüm uyarılar --uyari.
   4. Gece panelleri toplam sayfa alanının ≤%25'i.
   5. Saf beyaz ve saf siyah yalnız düğme metni olarak kullanılır.
   6. Emoji YASAK — yalnız çizgi SVG ikon.
   7. Öncesi-sonrası, hasta görseli, yorum/puan, fiyat bileşeni
      bu sistemde TANIMLI DEĞİLDİR ve üretilmez.
   ============================================================ */

/* ---------- Fontlar (self-host — Google hotlink yok) ---------- */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/fraunces-500-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/fraunces-500-lat.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/fraunces-600-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/fraunces-600-lat.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/mulish-400-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/mulish-400-lat.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/mulish-600-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/mulish-600-lat.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/mulish-700-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/mulish-700-lat.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  /* ---------- Yüzey ---------- */
  --buz:#F4F8FA;        /* ana zemin */
  --buz-2:#E7F0F5;      /* alternatif bölüm, kart */
  --buz-3:#D9E8F0;      /* girinti, rozet dolgusu */
  --sicak:#F3EFE9;      /* ILIK ikincil yüzey — portre/hekim/empati blokları */
  --sicak-2:#EAE3D8;
  --beyaz:#FFFFFF;

  /* ---------- Gece panelleri (≤%25) ---------- */
  --gece:#0A2733;
  --gece-2:#123340;
  --gece-3:#1B4152;
  --gece-metin:#E6F0F5;    /* 13.4:1 */
  --gece-metin-2:#A8BFC9;  /*  8.1:1 */
  --gece-bakir:#D6A961;    /*  7.2:1 */

  /* ---------- Metin ---------- */
  --murekkep:#0F2430;   /* başlık — buz üstünde 14.9:1 */
  --govde:#44525B;      /* gövde  — buz üstünde  7.6:1 */
  --sessiz:#666F77;     /* üçüncül — 4.8:1 */

  /* ---------- Eylem ---------- */
  --petrol:#0F4A60;       /* BİRİNCİL CTA — beyazla 9.7:1 */
  --petrol-koyu:#0A3546;  /* hover — 13.0:1 */
  --petrol-orta:#16607C;  /* bağlantı — buz üstünde 6.6:1 */
  --petrol-yikama:rgba(15,74,96,.06);

  /* ---------- Vurgu ---------- */
  --bakir:#8E5B23;      /* etiket/ayraç/rozet — buz 5.4 · sıcak 5.0 · buz-2 4.95 */
  --bakir-acik:#C08A45; /* yalnız gece zemininde */
  --dekor:#8FB8CC;      /* DEKORATİF — metin OLAMAZ (1.99:1) */

  /* ---------- Çizgi ---------- */
  --cizgi:#DCE7ED;
  --cizgi-2:#C8DAE3;
  --cizgi-sicak:#E0D5C4;

  /* ---------- Durum ---------- */
  --olumlu:#2F5F3E;     /* 7.0:1 */
  --uyari:#8A5A16;      /* 5.5:1 — TÜM uyarılar */
  --acil:#A32020;       /* 7.1:1 — YALNIZ 112/acil kutusu */

  /* ---------- Tipografi ---------- */
  --font-baslik:'Fraunces',Georgia,'Times New Roman',serif;
  --font-govde:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-kod:ui-monospace,'Cascadia Mono',Consolas,monospace;

  --fs-h1:clamp(2rem,4.6vw,3.15rem);
  --fs-h2:clamp(1.5rem,3vw,2.1rem);
  --fs-h3:1.3rem;
  --fs-h4:1.05rem;
  --fs-govde:1.0625rem;   /* 17px */
  --fs-sm:.9375rem;       /* 15px */
  --fs-xs:.8125rem;       /* 13px */
  --fs-etiket:.66rem;

  --lh-govde:1.7;
  /* 1.18 — TR büyük diakritikleri (İ Ğ Ş Ç Ö Ü) için zorunlu pay.
     Fraunces 600/48px'te "İĞŞ" tepe noktası 1.10 satır kutusunda
     kırpılıyor. Bu değeri DÜŞÜRMEYİN. */
  --lh-baslik:1.18;
  --ls-etiket:.2em;

  /* ---------- Ölçü ---------- */
  --wrap:1180px;
  --wrap-dar:720px;      /* okuma genişliği ~68 karakter */
  --oluk:clamp(1.125rem,4vw,2.5rem);
  --bolum:clamp(3.25rem,7vw,6rem);
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-hap:999px;

  --golge-sm:0 1px 2px rgba(15,36,48,.05),0 4px 12px -6px rgba(15,36,48,.10);
  --golge-md:0 2px 4px rgba(15,36,48,.06),0 14px 34px -14px rgba(15,36,48,.16);
  --golge-lg:0 4px 8px rgba(15,36,48,.07),0 24px 52px -22px rgba(15,36,48,.22);

  /* ---------- Hareket ---------- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --t-hizli:150ms; --t-orta:280ms; --t-yavas:520ms;

  --bar-h:0px;   /* mobil sticky çubuk yüksekliği */
}

@media (max-width:820px){ :root{ --bar-h:70px; } }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
}