/* ===== Kuante fallback: Animasyon JS yüklenmezse içerik görünür kalsın ===== */
[data-anime]{opacity:1 !important; transform:none !important;}
html.no-js [data-anime]{opacity:1 !important; transform:none !important;}

/* Hareket azalt tercihi olan kullanıcılarda gizleme yapma */
@media (prefers-reduced-motion: reduce){
  [data-anime]{opacity:1 !important; transform:none !important;}
}
/* ========== Kuante Renk Sistemi (Global) ========== */
/* Not: renkler yaklaşık; logonun net hex değerlerini biliyorsan aşağıyı o değerlerle değiştir. */
:root{
    --kuante-primary: #16b3c0;      /* teal / ana */
    --kuante-primary-700: #0f8190;  /* hover/active */
    --kuante-primary-50: #e8f7f9;   /* açık arkaplan */
    --kuante-dark: #0c2c3a;         /* lacivert/dark */
    --kuante-text: #22323a;         /* gövde metin */
    --kuante-focus: #00a7b5;        /* focus halkası */
    --kuante-shadow: rgba(15,100,91,.35); /* gölge tonu */
  
    /* Crafto teması için eşleme — çoğu bileşen bu değişkenleri dinler */
    --base-color: var(--kuante-primary);
    --dark-gray: var(--kuante-text);
  }
  
  /* ========== Butonlar, linkler, badge ve utility’ler ========== */
  .btn-base-color,
  .bg-base-color{
    background-color: var(--kuante-primary) !important;
    border-color: var(--kuante-primary) !important;
    color:#fff !important;
  }
  .btn-base-color:hover,
  .bg-base-color:hover{
    background-color: var(--kuante-primary-700) !important;
    border-color: var(--kuante-primary-700) !important;
  }
  
  .btn-outline-base-color{
    color: var(--kuante-primary) !important;
    border-color: var(--kuante-primary) !important;
    background-color: transparent !important;
  }
  .btn-outline-base-color:hover{
    color:#fff !important;
    background-color: var(--kuante-primary) !important;
    border-color: var(--kuante-primary) !important;
  }
  
  /* Header’daki CTA butonu (temanın sınıflarıyla) */
  .header-button .btn{
    background-color: var(--kuante-primary) !important;
    border-color: var(--kuante-primary) !important;
    box-shadow: 0 12px 30px var(--kuante-shadow) !important;
  }
  .header-button .btn:hover{
    background-color: var(--kuante-primary-700) !important;
    border-color: var(--kuante-primary-700) !important;
  }
  
  /* Linkler ve vurgu metinler */
  a{ color: var(--kuante-primary); }
  a:hover{ color: var(--kuante-primary-700); }
  .text-base-color{ color: var(--kuante-primary) !important; }
  .badge-base-color{ background-color: var(--kuante-primary) !important; }
  
  /* Navbar hover/active ufak iyileştirme */
  .navbar .nav-link:hover,
  .navbar .nav-link:focus,
  .navbar .nav-link.active{ color: var(--kuante-dark) !important; }
  
  /* Açık arkaplanlı bloklar (isteğe bağlı) */
  .bg-soft-primary{ background-color: var(--kuante-primary-50) !important; }
  
  /* Focus ring (erişilebilirlik) */
  :focus-visible{
    outline: 2px solid var(--kuante-focus);
    outline-offset: 2px;
  }
  
  /* ========== Hero overlay’i kuante renklerine bağla ========== */
  /* (İletişim sayfasında eklediğimiz hero için) */
  .c-hero2025__overlay{
    background:
      radial-gradient(120% 80% at 20% 10%, color-mix(in srgb, var(--kuante-primary) 55%, #000) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.75) 100%),
      linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 80%);
  }
  /* color-mix desteklemeyen tarayıcılar için mevcut arka plan zaten kalıyor */
  
  /* ========== Temel tipografi rengi ========== */
  body{ color: var(--kuante-text); }