/* ============================================================
   Hasas Tour - tasarım jetonları (TEK yer)
   Renk, yazı tipi, boşluk, köşe, gölge burada tanımlanır;
   site.css yalnız bu değişkenleri kullanır.
   v3 (2026-10-02): profesyonel sadeleştirme. Tek yazı ailesi (IBM Plex Sans),
   tek vurgu rengi (kil/terrakota), tek köşe sistemi (8 / 12 px), beyaz zemin.
   ============================================================ */
:root {
  /* --- Renk: petrol (ana) + kil/terrakota (tek vurgu) + beyaz/soğuk gri zemin; başlık şeridi krem --- */
  --renk-ana:         #134459;   /* ana renk: düğme, bağlantı (beyazla ~10:1) */
  --renk-ana-koyu:    #0D2F40;   /* hover, alt bilgi, katman tabanı (beyazla ~13:1) */
  --renk-ana-acik:    #E8EFF2;   /* yumuşak petrol zemin: ikon kutusu, hover */
  --renk-vurgu:       #B4532A;   /* TEK vurgu: birincil düğme zemini (beyaz yazıyla ~5:1) */
  --renk-vurgu-koyu:  #98431F;   /* vurgu hover ve açık zeminde vurgu metni (beyazla ~6:1) */
  --renk-vurgu-acik:  #E7A07C;   /* koyu zeminde bağlantı hover'ı ve küçük vurgu */
  --renk-vurgu-zemin: #F7EBE4;   /* vurgu zemini, koyu metinle (kampanya bandı) */
  --renk-whatsapp:    #1B7A4F;   /* WhatsApp düğmesi (markadan bağımsız yeşil ton) */
  --renk-baslik:      #FAF6EE;   /* başlık şeridi (krem) */
  --renk-baslik-cizgi:#E8E1D3;
  --renk-zemin:       #FFFFFF;
  --renk-zemin-2:     #F4F6F8;   /* bölüm ayrımı: çok açık soğuk gri */
  --renk-zemin-3:     #EAEEF2;
  --renk-metin:       #1C262B;   /* ana metin (beyazla ~16:1) */
  --renk-metin-2:     #556068;   /* ikincil metin (beyazla ~6.5:1) */
  --renk-metin-acik:  #FFFFFF;
  --renk-cizgi:       #DCE2E8;
  --renk-hata:        #A3302A;
  --renk-odak:        #0A8FCB;   /* görünür odak halkası */

  /* --- Yazı tipi: tek aile --- */
  --font-govde:  "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-baslik: var(--font-govde);
  --font-boyut-taban: 1rem;              /* 16px */
  --font-boyut-kucuk: 0.9375rem;         /* 15px */
  --font-boyut-buyuk: 1.125rem;          /* 18px */
  --font-boyut-h1: clamp(1.8rem, 1.35rem + 1.8vw, 2.6rem);
  --font-boyut-h2: clamp(1.4rem, 1.2rem + 0.8vw, 1.85rem);
  --font-boyut-h3: clamp(1.05rem, 1rem + 0.25vw, 1.2rem);
  --satir-yuksekligi: 1.6;

  /* --- Boşluk ritmi (8'lik sistem) --- */
  --bosluk-1: 0.25rem;
  --bosluk-2: 0.5rem;
  --bosluk-3: 0.75rem;
  --bosluk-4: 1rem;
  --bosluk-5: 1.5rem;
  --bosluk-6: 2rem;
  --bosluk-7: 3rem;
  --bosluk-8: 4rem;
  --bosluk-9: 6rem;
  --bolum-dikey: clamp(3rem, 2rem + 4vw, 5rem);

  /* --- Ölçüler --- */
  --kap-genislik: 1200px;
  --kap-yan: clamp(1rem, 4vw, 2rem);
  --dokunma-hedefi: 48px;           /* minimum dokunma yüksekliği */
  --kose: 12px;                     /* kart, panel */
  --kose-kucuk: 8px;                /* düğme, alan, çip */
  --kose-hap: 999px;                /* yalnız slayt noktaları */
  --golge-1: 0 1px 2px rgba(19, 68, 89, 0.06), 0 2px 8px rgba(19, 68, 89, 0.05);
  --golge-2: 0 8px 24px rgba(19, 68, 89, 0.10);
  --gecis: 160ms ease;
}