/* ==========================================================================
   1-RENKLER.CSS  —  Tek tema, logo ile uyumlu
   Bütün renk, yazı tipi ve ölçü ayarları burada. Rengi değiştirmek isterseniz
   sadece bu dosyadaki değerleri değiştirmeniz yeterlidir.
   ========================================================================== */

:root {
  /* --- Ana renkler (logodan alınmıştır) --- */
  --koyu:        #1D2A33;   /* logodaki "E" harfinin lacivert-antrasit tonu */
  --koyu-2:      #131C23;   /* daha derin zemin, alt bilgi */
  --koyu-3:      #2C3B47;   /* koyu zemin üstü ayraç */

  --yesil:       #47871F;   /* logodaki ana yeşil */
  --yesil-koyu:  #2E6321;   /* logodaki koyu yeşil (ok ucu) */
  --yesil-acik:  #7CB342;   /* açık yeşil vurgu */
  --yesil-sis:   #EFF6E9;   /* çok açık yeşil zemin */

  /* --- Yüzeyler --- */
  --zemin:       #F5F6F4;
  --kart:        #FFFFFF;
  --kart-2:      #FAFBF9;
  --hat:         #E7EBE4;
  --hat-koyu:    #D3DACE;

  /* --- Yazı --- */
  --yazi:        #16202A;
  --yazi-2:      #5A6874;
  --yazi-3:      #8A97A2;
  --yazi-ters:   #F4F7F1;

  /* --- Durum renkleri --- */
  --tehlikeli:     #B3341F;
  --tehlikeli-sis: #FCEEEB;
  --muhtemel:      #B87309;
  --muhtemel-sis:  #FDF4E5;
  --guvenli:       #2E6321;
  --hata:          #B3341F;

  /* --- Ölçüler --- */
  --en: 1180px;

  /* Köşe yarıçapları: küçük öğeden büyük yüzeye doğru artar */
  --r-kucuk: 10px;
  --r-orta:  14px;
  --r-buyuk: 20px;
  --r-tam:   999px;

  /* Eski adlar (geriye dönük uyum) */
  --radius:   var(--r-kucuk);
  --radius-b: var(--r-orta);

  /* Yükseklik: katmanlı ve yumuşak gölgeler */
  --golge-1: 0 1px 2px rgba(22,32,42,.04), 0 2px 8px rgba(22,32,42,.04);
  --golge-2: 0 2px 6px rgba(22,32,42,.05), 0 12px 28px rgba(22,32,42,.07);
  --golge-3: 0 4px 12px rgba(22,32,42,.07), 0 24px 56px rgba(22,32,42,.10);
  --golge:   var(--golge-1);

  /* --- Yazı tipleri --------------------------------------------------------
     Cihazın kendi sistem yazı tipi kullanılır: Apple aygıtlarında SF Pro,
     Windows'ta Segoe UI, Android'de Roboto. Böylece yazılar her cihazda yerli
     görünür, sayfa daha hızlı açılır, internet olmadan da doğru görünür.
     ---------------------------------------------------------------------- */
  --f-govde:  -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI',
              Roboto, 'Helvetica Neue', Arial, sans-serif;
  --f-baslik: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI',
              Roboto, 'Helvetica Neue', Arial, sans-serif;
  --f-kod:    ui-monospace, 'SF Mono', Menlo, Consolas, 'Courier New', monospace;

  /* --- Hareket: kısa, yumuşak, sekmesiz --- */
  --egri:  cubic-bezier(.32, .72, 0, 1);
  --hizli: .18s var(--egri);
  --gecis: .28s var(--egri);
  --yavas: .45s var(--egri);
}

/* Hareket azaltma tercihi: kayma ve büyüme yerine yalnızca yumuşak solma */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .beliren { opacity: 1 !important; transform: none !important; }
}

/* Saydamlık azaltma tercihi: buzlu yüzeyler opak olur */
@media (prefers-reduced-transparency: reduce) {
  .ust, .oneri-kutu { backdrop-filter: none !important; background: var(--kart) !important; }
}

/* Yüksek karşıtlık tercihi: kenarlar belirginleşir */
@media (prefers-contrast: more) {
  :root { --hat: #9AA6A0; --hat-koyu: #6E7A74; --yazi-2: #364049; --yazi-3: #48535D; }
  .kart, .sorgu-arac, .form-kutu { border-width: 2px; }
}