/* =========================================================================
   Estika — tasarım değişkenleri (design tokens)
   Renkler gerçek Estika logosundan ve saha fotoğraflarından türetilmiştir.
   Logonun ana rengi #990000 (koyu kırmızı) ölçülerek alınmıştır; nötr zemin
   lületaşının krem tonundan, koyu yüzey logonun siyahından gelir.
   Elementor karşılıkları için deliverables/elementor-global-kit.md dosyasına bakın.
   ========================================================================= */
:root {
  /* --- Yüzeyler --- */
  --e-ivory:        #F6F2EA;  /* ana zemin */
  --e-paper:        #FFFFFF;  /* okuma yüzeyi / kart */
  --e-sand:         #ECE4D5;  /* dekoratif alan */
  --e-sand-soft:    #F2EBDE;  /* yumuşak bant */
  --e-deep:         #221E1B;  /* koyu marka bölümü */
  --e-deep-soft:    #2C2724;  /* koyu yüzey üstü kart */

  /* --- Metin --- */
  --e-ink:          #1F1D1A;  /* ana metin */
  --e-muted:        #655E54;  /* ikincil metin (ivory üzerinde 5.4:1) */
  --e-on-deep:      #F2EDE4;  /* koyu zeminde ana metin */
  --e-on-deep-mut:  #BDB5A6;  /* koyu zeminde ikincil metin (7.4:1) */

  /* --- Marka --- */
  --e-accent:       #990000;  /* logo kırmızısı */
  --e-accent-deep:  #730000;  /* hover / basılı */
  --e-ember:        #D65A4E;  /* koyu zeminde grafik vurgu */
  --e-earth:        #8A5C3A;  /* ikincil vurgu */

  /* --- Çizgiler --- */
  --e-line:         #DDD5C6;  /* dekoratif ayırıcı */
  --e-line-strong:  #C9BFAC;  /* belirgin ayırıcı (dekoratif) */
  --e-line-control: #8A7F6B;  /* etkileşimli bileşen kenarı — WCAG 1.4.11 için >= 3:1 */
  --e-line-deep:    #3A342F;

  /* --- Tipografi --- */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --t-display: clamp(2.375rem, 1.52rem + 3.42vw, 4.125rem);  /* 38 → 66px */
  --t-h2:      clamp(1.75rem, 1.29rem + 1.84vw, 2.6875rem);  /* 28 → 43px */
  --t-h3:      clamp(1.1875rem, 1.07rem + 0.47vw, 1.4375rem);
  --t-h4:      clamp(1.0625rem, 1.01rem + 0.23vw, 1.1875rem);
  --t-body:    clamp(1.0625rem, 1.03rem + 0.14vw, 1.125rem);  /* 17 → 18px */
  --t-small:   0.9375rem;
  --t-micro:   0.8125rem;
  --t-eyebrow: 0.75rem;

  /* --- Ölçü --- */
  --e-container: 1240px;
  --e-measure: 68ch;
  --e-gutter: clamp(1.25rem, 4.2vw, 3rem);
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px;
  --sp-section: clamp(3.75rem, 7.6vw, 6.75rem);

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 14px;

  --shadow-card: 0 1px 2px rgba(31, 29, 26, .04), 0 8px 24px -16px rgba(31, 29, 26, .18);
  --shadow-lift: 0 2px 4px rgba(31, 29, 26, .06), 0 20px 40px -24px rgba(31, 29, 26, .28);

  --ease: cubic-bezier(.25, 1, .5, 1);          /* out-quart */
  --ease-quint: cubic-bezier(.22, 1, .36, 1);   /* out-quint */
  --ease-expo: cubic-bezier(.16, 1, .3, 1);     /* out-expo  */
  --dur: 420ms;
}