/* ==========================================================================
   PaketGo tasarım değişkenleri
   Renk, tipografi, aralık ve hareket burada tanımlanır. Bileşen dosyaları
   asla ham renk kodu yazmaz; hepsi buradan okunur ki tema değişimi tek
   yerden yapılabilsin.

   Palet doğrudan logodan alındı: "Paket" turkuazdan laciverte giden bir
   geçiş, "Go" altın sarısından turuncuya. Üçüncü bir renk uydurulmadı.
   ========================================================================== */

:root {
  /* --- ölçek --------------------------------------------------------- */
  --kap: 1200px;
  --kap-dar: 880px;
  --kenar: clamp(1.15rem, 0.6rem + 2.4vw, 2.75rem);
  --bolum-bosluk: clamp(4.5rem, 3rem + 6vw, 8.5rem);

  /* --- yarıçap ------------------------------------------------------- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-tam: 999px;

  /* --- tipografi ----------------------------------------------------- */
  --yazi: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --yazi-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --t-mikro: 0.6875rem;
  --t-kucuk: 0.8125rem;
  --t-govde: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --t-buyuk: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --t-h3: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
  --t-h2: clamp(1.85rem, 1.2rem + 2.3vw, 3.35rem);
  --t-h1: clamp(2.35rem, 1.2rem + 4.6vw, 4.75rem);
  --t-dev: clamp(2.75rem, 1rem + 7vw, 6rem);

  /* --- hareket ------------------------------------------------------- */
  --sure-hizli: 160ms;
  --sure-orta: 320ms;
  --sure-yavas: 700ms;
  --egri: cubic-bezier(0.16, 1, 0.3, 1);
  --egri-yumusak: cubic-bezier(0.4, 0, 0.2, 1);

  /* --- logo renkleri (temadan bağımsız ham değerler) ------------------ */
  --ham-turkuaz: #15c9b4;
  --ham-mavi: #1f55d6;
  --ham-lacivert: #1b3cb5;
  --ham-altin: #ffa51c;
  --ham-turuncu: #f5590c;

  --mavi-300: #8fb0ff;
  --mavi-400: #4a7ef0;
  --mavi-500: #1f55d6;
  --mavi-600: #1b3cb5;
  --mavi-700: #16308f;

  /* Logodaki "Paket" geçişi. Vurgulu başlık ve logo yazısı bunu kullanır. */
  --degrade-metin: linear-gradient(100deg, #15c9b4 0%, #1f55d6 52%, #1b3cb5 100%);
  /* Logodaki "Go" geçişi. Birincil düğme buradan geliyor: markanın eylem
     rengi turuncu, güven rengi mavi. */
  --degrade-marka: linear-gradient(135deg, #ffa51c 0%, #f5590c 100%);
  --degrade-mavi: linear-gradient(135deg, #2a6bea 0%, #1b3cb5 100%);
}

/* --- açık tema (varsayılan) -------------------------------------------- */
[data-tema="acik"] {
  --zemin: #ffffff;
  --zemin-alt: #f4f7fc;
  --yuzey: #ffffff;
  --yukseltilmis: #ffffff;
  --cizgi: rgba(16, 36, 84, 0.1);
  --cizgi-guclu: rgba(16, 36, 84, 0.2);
  --metin: #0d1b3e;
  --metin-orta: #4a5a7c;
  --metin-soluk: #78859f;
  --cam: rgba(255, 255, 255, 0.84);
  --golge-yumusak: 0 18px 40px -26px rgba(16, 36, 84, 0.3);
  --golge-kart: 0 1px 2px rgba(16, 36, 84, 0.05), 0 22px 46px -32px rgba(16, 36, 84, 0.32);
  --golge-marka: 0 16px 34px -16px rgba(245, 89, 12, 0.45);
  --parilti: rgba(16, 36, 84, 0.035);
  --izgara-cizgi: rgba(16, 36, 84, 0.05);
  --secim: rgba(31, 85, 214, 0.18);

  /* Beyaz üzerinde okunması için turkuaz koyulaştırıldı; ham logo turkuazı
     metin ve ince ikonlarda yeterli kontrast vermiyor. */
  --turkuaz: #0d9e8f;
  --altin: #ef9d05;
  --turuncu: #f5590c;
  --kirmizi: #d92d20;

  --sahne-ic: #f8fbff;
  --sahne-dis: #e2eaf7;
  --sahne-yol: rgba(16, 36, 84, 0.06);
  --bina-ust: #ffffff;
  --bina-yan: #dae4f4;
  --bina-on: #c2d0e8;
  --bina-kenar: rgba(16, 36, 84, 0.09);

  /* Canlı operasyon haritası: yollar açık, adalar bir ton koyu. */
  /* Gerçek harita paleti: zemin nötr gri, yollar beyaz, binalar zeminden bir
     ton koyu. Her şey aynı maviye çalınca harita değil şema gibi duruyordu. */
  --harita-yol: #ffffff;
  --harita-ada: #eef1f6;
  --harita-bina: #ccd6e6;
  --harita-bina-alt: #d8e0ec;
  --harita-park: #d2e7d6;
  --harita-hale: #ffffff;
}

/* --- koyu tema ---------------------------------------------------------- */
[data-tema="koyu"] {
  --zemin: #060a16;
  --zemin-alt: #080d1c;
  --yuzey: #0c1224;
  --yukseltilmis: #121a30;
  --cizgi: rgba(255, 255, 255, 0.09);
  --cizgi-guclu: rgba(255, 255, 255, 0.16);
  --metin: #f2f5fb;
  --metin-orta: #9aa6c0;
  --metin-soluk: #6c7794;
  --cam: rgba(12, 18, 36, 0.74);
  --golge-yumusak: 0 18px 48px -24px rgba(0, 0, 0, 0.9);
  --golge-kart: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 24px 60px -32px rgba(0, 0, 0, 0.85);
  --golge-marka: 0 18px 42px -18px rgba(245, 89, 12, 0.6);
  --parilti: rgba(255, 255, 255, 0.06);
  --izgara-cizgi: rgba(255, 255, 255, 0.045);
  --secim: rgba(31, 85, 214, 0.34);

  --turkuaz: #2ee0c9;
  --altin: #ffb43d;
  --turuncu: #ff7a2f;
  --kirmizi: #f87171;

  --sahne-ic: #0b1124;
  --sahne-dis: #060a14;
  --sahne-yol: rgba(255, 255, 255, 0.05);
  --bina-ust: #182140;
  --bina-yan: #121a31;
  --bina-on: #0c1222;
  --bina-kenar: rgba(255, 255, 255, 0.08);

  /* Koyu haritada yollar zeminden AÇIK olur, tersi değil. */
  --harita-yol: #1b2440;
  --harita-ada: #0b1020;
  --harita-bina: #1a2542;
  --harita-bina-alt: #141d34;
  --harita-park: #10281f;
  --harita-hale: #0c1122;
}