/**
 * VatanUğruna — global tema
 * Tüm renkler burada tanımlanır; CSS ve JS bu değişkenleri kullanır.
 */
:root {
  /* Yüzeyler */
  --tema-zemin-koyu: #0a0e12;
  --tema-zemin: #121820;
  --tema-zemin-yukseltilmis: #1a222c;
  --tema-kart: #f7f6f4;
  --tema-kart-beyaz: #fafaf9;
  --tema-cizgi-ayirici: rgba(26, 34, 41, 0.1);

  /* Metin */
  --tema-metin: #1a2229;
  --tema-metin-ikincil: #5c6570;
  --tema-metin-soluk: #8a939c;
  --tema-metin-ters: rgba(235, 232, 228, 0.92);
  --tema-metin-ters-soluk: rgba(235, 232, 228, 0.55);

  /* Anlam renkleri — muted, anma tonu */
  --tema-dogum: #516556;
  --tema-dusus: #633838;
  --tema-sehit: var(--tema-dusus);
  --tema-gazi: #455a64;

  /* Etkileşim / düğmeler */
  --tema-birincil: #1a2229;
  --tema-birincil-hover: #262f3a;
  --tema-birincil-metin: #ebe8e4;
  --tema-vurgu: #6b6660;
  --tema-vurgu-hover: #7a756e;
  --tema-vurgu-metin: #ebe8e4;
  --tema-ikincil: #e6e8ea;
  --tema-ikincil-hover: #d8dce0;
  --tema-ikincil-metin: #3a4249;
  --tema-odak: #6b6660;
  --tema-odak-halka: rgba(107, 102, 96, 0.28);

  /* Geri bildirim */
  --tema-basari-zemin: #e8ede9;
  --tema-basari-metin: #3d5244;
  --tema-hata-zemin: #ede6e6;
  --tema-hata-metin: #6b4040;

  /* Harita — karo yüklenirken görünen zemin */
  --tema-harita-karo-zemin-koyu: #0a0a0a;
  --tema-harita-karo-zemin-acik: #eef2f5;
  --tema-harita-karo-zemin-renkli: #e8e4df;
  --tema-harita-karo-zemin: var(--tema-harita-karo-zemin-koyu);

  /* Harita — yüzen paneller (deniz tonuna yakın koyu gri, saf siyah değil) */
  --tema-harita-panel-zemin: rgba(26, 26, 26, 0.92);
  --tema-harita-panel-kenar: rgba(255, 255, 255, 0.1);
  --tema-harita-girdi-zemin: #242428;
  --tema-harita-girdi-kenar: rgba(255, 255, 255, 0.12);
  --tema-altin: #b8a67a;
  --tema-altin-acik: #c9b88a;
  --tema-altin-koyu: #8f8260;
  --tema-harita-cta-zemin: linear-gradient(165deg, #b8a67a 0%, #8f8260 48%, #7a7155 100%);
  --tema-harita-cta-zemin-hover: linear-gradient(165deg, #c9b88a 0%, #9a8d68 48%, #8a8062 100%);
  --tema-harita-cta-metin: #0a0e12;
  --tema-harita-cta-kenar: rgba(212, 195, 150, 0.35);

  /* Harita — işaretçiler, çizgiler, kümeler (landing CTA altın/tan) */
  --tema-marker-kenar: #d4c396;
  --tema-marker-dolgu: #b8a67a;
  --tema-marker-dolgu-opaklik: 0.92;
  --tema-cizgi: #8f8260;
  --tema-cizgi-opaklik: 0.72;
  --tema-kume-kucuk-dis: rgba(184, 166, 122, 0.35);
  --tema-kume-kucuk-ic: #8f8260;
  --tema-kume-orta-dis: rgba(201, 184, 138, 0.42);
  --tema-kume-orta-ic: #b8a67a;
  --tema-kume-buyuk-dis: rgba(212, 195, 150, 0.48);
  --tema-kume-buyuk-ic: #c9b88a;
  --tema-sunucu-kume: #b8a67a;
  --tema-kume-metin: #0a0e12;
  --tema-yigin-metin: #ffffff;

  /* Gölgeler & katmanlar */
  --tema-golge: 0 6px 20px rgba(0, 0, 0, 0.16);
  --tema-golge-hafif: 0 2px 12px rgba(0, 0, 0, 0.12);
  --tema-modal-arka: rgba(10, 14, 18, 0.62);
  --tema-panel-yari: rgba(250, 250, 249, 0.96);

  /* Harita görünümüne bağlı yüzeyler (varsayılan: koyu) */
  --tema-harita-yuzey-hover: rgba(255, 255, 255, 0.06);
  --tema-harita-yuzey-hover-strong: rgba(255, 255, 255, 0.1);
  --tema-harita-ayirici: rgba(255, 255, 255, 0.08);
  --tema-harita-girdi-placeholder: rgba(235, 232, 228, 0.45);
  --tema-harita-girdi-odak-kenar: rgba(200, 178, 130, 0.45);
  --tema-harita-girdi-odak-halka: rgba(184, 166, 122, 0.25);
  --tema-harita-panel-golge: 0 8px 28px rgba(0, 0, 0, 0.36);
  --tema-harita-kontrol-golge: 0 4px 20px rgba(0, 0, 0, 0.28);
  --tema-harita-attribution-zemin: rgba(10, 10, 10, 0.5);
  --tema-harita-attribution-metin: rgba(235, 232, 228, 0.32);
  --tema-harita-attribution-link: rgba(235, 232, 228, 0.38);
  --tema-harita-attribution-link-hover: rgba(212, 195, 150, 0.55);
  --tema-harita-disclaimer-zemin: rgba(26, 26, 26, 0.78);
  --tema-harita-disclaimer-kenar: rgba(255, 255, 255, 0.1);
  --tema-harita-disclaimer-golge: 0 2px 14px rgba(0, 0, 0, 0.32);
  --tema-harita-scrollbar: rgba(255, 255, 255, 0.14);
  --tema-harita-scrollbar-thumb: rgba(255, 255, 255, 0.12);
  --tema-harita-scrollbar-thumb-hover: rgba(194, 166, 127, 0.35);
  --tema-harita-form-color-scheme: dark;
  --tema-oneri-form-zemin: rgba(255, 255, 255, 0.05);
  --tema-oneri-form-zemin-select: #1a1a1a;
  --tema-oneri-bolum-kenar: rgba(255, 255, 255, 0.05);
  --tema-oneri-vazgec-kenar: rgba(255, 255, 255, 0.15);
  --tema-oneri-vazgec-metin: #9ca3af;
  --tema-oneri-mesaj-basari-zemin: rgba(61, 82, 68, 0.35);
  --tema-oneri-mesaj-basari-kenar: rgba(120, 160, 130, 0.25);
  --tema-oneri-mesaj-basari-metin: #b8d4c0;
  --tema-oneri-mesaj-hata-zemin: rgba(80, 45, 45, 0.4);
  --tema-oneri-mesaj-hata-kenar: rgba(140, 80, 80, 0.3);
  --tema-oneri-mesaj-hata-metin: #e8b4b4;
  --tema-oneri-durum-bekle-zemin: rgba(255, 255, 255, 0.05);
  --tema-oneri-durum-bekle-kenar: rgba(255, 255, 255, 0.08);
  --tema-oneri-durum-bekle-metin: #9ca3af;

  /* Geriye dönük takma adlar */
  --renk-koyu: var(--tema-birincil);
  --renk-koyu-2: var(--tema-birincil-hover);
  --renk-dogum: var(--tema-dogum);
  --renk-dusus: var(--tema-dusus);
  --renk-vurgu: var(--tema-vurgu);
  --metin: var(--tema-metin);
  --golge: var(--tema-golge);
  --kume-dis-kucuk: var(--tema-kume-kucuk-dis);
  --kume-ic-kucuk: var(--tema-kume-kucuk-ic);
  --kume-dis-orta: var(--tema-kume-orta-dis);
  --kume-ic-orta: var(--tema-kume-orta-ic);
  --kume-dis-buyuk: var(--tema-kume-buyuk-dis);
  --kume-ic-buyuk: var(--tema-kume-buyuk-ic);
}

/* Harita görünümü: açık — paneller ve metin harita tonuna uyumlu */
html[data-harita-stili="acik"] {
  --tema-harita-karo-zemin: var(--tema-harita-karo-zemin-acik);
  --tema-harita-panel-zemin: rgba(250, 250, 249, 0.96);
  --tema-harita-panel-kenar: rgba(26, 34, 41, 0.12);
  --tema-harita-girdi-zemin: #ffffff;
  --tema-harita-girdi-kenar: rgba(26, 34, 41, 0.15);
  --tema-metin-ters: #1a2229;
  --tema-metin-ters-soluk: #5c6570;
  --tema-modal-arka: rgba(26, 34, 41, 0.38);
  --tema-harita-yuzey-hover: rgba(26, 34, 41, 0.06);
  --tema-harita-yuzey-hover-strong: rgba(26, 34, 41, 0.1);
  --tema-harita-ayirici: rgba(26, 34, 41, 0.1);
  --tema-harita-girdi-placeholder: rgba(92, 101, 112, 0.65);
  --tema-harita-girdi-odak-kenar: rgba(143, 130, 96, 0.55);
  --tema-harita-girdi-odak-halka: rgba(184, 166, 122, 0.28);
  --tema-harita-panel-golge: 0 8px 28px rgba(26, 34, 41, 0.14);
  --tema-harita-kontrol-golge: 0 4px 16px rgba(26, 34, 41, 0.1);
  --tema-harita-attribution-zemin: rgba(255, 255, 255, 0.82);
  --tema-harita-attribution-metin: rgba(26, 34, 41, 0.55);
  --tema-harita-attribution-link: rgba(26, 34, 41, 0.65);
  --tema-harita-attribution-link-hover: rgba(111, 97, 68, 0.9);
  --tema-harita-disclaimer-zemin: rgba(250, 250, 249, 0.92);
  --tema-harita-disclaimer-kenar: rgba(26, 34, 41, 0.1);
  --tema-harita-disclaimer-golge: 0 2px 12px rgba(26, 34, 41, 0.12);
  --tema-harita-scrollbar: rgba(26, 34, 41, 0.18);
  --tema-harita-scrollbar-thumb: rgba(26, 34, 41, 0.22);
  --tema-harita-scrollbar-thumb-hover: rgba(143, 130, 96, 0.45);
  --tema-harita-form-color-scheme: light;
  --tema-oneri-form-zemin: rgba(26, 34, 41, 0.04);
  --tema-oneri-form-zemin-select: #f5f7f9;
  --tema-oneri-bolum-kenar: rgba(26, 34, 41, 0.08);
  --tema-oneri-vazgec-kenar: rgba(26, 34, 41, 0.18);
  --tema-oneri-vazgec-metin: #5c6570;
  --tema-oneri-mesaj-basari-zemin: rgba(61, 82, 68, 0.12);
  --tema-oneri-mesaj-basari-kenar: rgba(61, 82, 68, 0.22);
  --tema-oneri-mesaj-basari-metin: #3d5244;
  --tema-oneri-mesaj-hata-zemin: rgba(107, 64, 64, 0.1);
  --tema-oneri-mesaj-hata-kenar: rgba(107, 64, 64, 0.22);
  --tema-oneri-mesaj-hata-metin: #6b4040;
  --tema-oneri-durum-bekle-zemin: rgba(26, 34, 41, 0.04);
  --tema-oneri-durum-bekle-kenar: rgba(26, 34, 41, 0.1);
  --tema-oneri-durum-bekle-metin: #5c6570;
}

/* Harita görünümü: renkli — sıcak açık paneller */
html[data-harita-stili="renkli"] {
  --tema-harita-karo-zemin: var(--tema-harita-karo-zemin-renkli);
  --tema-harita-panel-zemin: rgba(252, 250, 246, 0.96);
  --tema-harita-panel-kenar: rgba(58, 52, 46, 0.12);
  --tema-harita-girdi-zemin: #fffefb;
  --tema-harita-girdi-kenar: rgba(58, 52, 46, 0.14);
  --tema-metin-ters: #2a2520;
  --tema-metin-ters-soluk: #6b6358;
  --tema-modal-arka: rgba(42, 37, 32, 0.4);
  --tema-harita-yuzey-hover: rgba(42, 37, 32, 0.06);
  --tema-harita-yuzey-hover-strong: rgba(42, 37, 32, 0.1);
  --tema-harita-ayirici: rgba(58, 52, 46, 0.1);
  --tema-harita-girdi-placeholder: rgba(107, 99, 88, 0.65);
  --tema-harita-girdi-odak-kenar: rgba(143, 130, 96, 0.55);
  --tema-harita-girdi-odak-halka: rgba(184, 166, 122, 0.28);
  --tema-harita-panel-golge: 0 8px 28px rgba(42, 37, 32, 0.12);
  --tema-harita-kontrol-golge: 0 4px 16px rgba(42, 37, 32, 0.1);
  --tema-harita-attribution-zemin: rgba(255, 252, 248, 0.85);
  --tema-harita-attribution-metin: rgba(42, 37, 32, 0.55);
  --tema-harita-attribution-link: rgba(42, 37, 32, 0.65);
  --tema-harita-attribution-link-hover: rgba(111, 97, 68, 0.9);
  --tema-harita-disclaimer-zemin: rgba(252, 250, 246, 0.92);
  --tema-harita-disclaimer-kenar: rgba(58, 52, 46, 0.1);
  --tema-harita-disclaimer-golge: 0 2px 12px rgba(42, 37, 32, 0.1);
  --tema-harita-scrollbar: rgba(42, 37, 32, 0.18);
  --tema-harita-scrollbar-thumb: rgba(42, 37, 32, 0.22);
  --tema-harita-scrollbar-thumb-hover: rgba(143, 130, 96, 0.45);
  --tema-harita-form-color-scheme: light;
  --tema-oneri-form-zemin: rgba(42, 37, 32, 0.04);
  --tema-oneri-form-zemin-select: #faf8f4;
  --tema-oneri-bolum-kenar: rgba(58, 52, 46, 0.08);
  --tema-oneri-vazgec-kenar: rgba(58, 52, 46, 0.18);
  --tema-oneri-vazgec-metin: #6b6358;
  --tema-oneri-mesaj-basari-zemin: rgba(61, 82, 68, 0.12);
  --tema-oneri-mesaj-basari-kenar: rgba(61, 82, 68, 0.22);
  --tema-oneri-mesaj-basari-metin: #3d5244;
  --tema-oneri-mesaj-hata-zemin: rgba(107, 64, 64, 0.1);
  --tema-oneri-mesaj-hata-kenar: rgba(107, 64, 64, 0.22);
  --tema-oneri-mesaj-hata-metin: #6b4040;
  --tema-oneri-durum-bekle-zemin: rgba(42, 37, 32, 0.04);
  --tema-oneri-durum-bekle-kenar: rgba(58, 52, 46, 0.1);
  --tema-oneri-durum-bekle-metin: #6b6358;
}