/* ───────────────────────────────────────────────────────────────
   Tasarım değişkenleri — tek kaynak.

   Arayüz aydınlık: yumuşak gri zemin, beyaz yüzeyler, düşük
   opaklıkta gölgeler ve cam efekti. Renkler az sayıda ve doygun;
   vurgu yalnızca eyleme ve duruma ayrılmış.

   Tek istisna sürüş ekranı: orada göz haritada olduğu için koyu
   zemin ve yüksek kontrast gerekiyor — bkz. dosya sonundaki
   `body.is-navigating` bloğu.
   ─────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light;

  /* Zemin ve yüzeyler */
  --bg:            #f2f4f8;
  --bg-soft:       #f8fafc;
  --surface:       rgba(255, 255, 255, 0.82);
  --surface-solid: #ffffff;
  --surface-hi:    #f4f6fa;
  --surface-hover: #eaeef5;
  --glass:         rgba(255, 255, 255, 0.76);
  --glass-blur:    saturate(180%) blur(20px);

  /* Çizgi ve gölge */
  --line:        rgba(15, 23, 42, 0.08);
  --line-strong: rgba(15, 23, 42, 0.14);
  --shadow-sm:   0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md:   0 4px 16px rgba(15, 23, 42, 0.09), 0 1px 3px rgba(15, 23, 42, 0.05);
  --shadow-lg:   0 16px 44px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06);
  --glow-accent: 0 4px 16px rgba(0, 168, 107, 0.28);
  --glow-danger: 0 4px 16px rgba(255, 59, 48, 0.3);

  /* Metin */
  --text:      #0b1220;
  --text-mid:  #5b6577;
  --text-dim:  #8b95a7;

  /* Vurgu — şarj yeşili */
  --accent:      #00a86b;
  --accent-ink:  #ffffff;
  --accent-soft: rgba(0, 168, 107, 0.1);
  --accent-2:    #007aff;

  /* Durum */
  --warn:        #f08c00;
  --warn-soft:   rgba(240, 140, 0, 0.11);
  --danger:      #ff3b30;
  --danger-soft: rgba(255, 59, 48, 0.1);
  --ok:          #00a86b;

  /* Soket türü */
  --dc: #007aff;
  --ac: #7c5cff;

  /* Tipografi — Apple sistem yazı tipi önce */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text",
          "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-num: -apple-system, BlinkMacSystemFont, "SF Pro Display",
              "Segoe UI Variable Display", var(--font);

  /* Aralık — 4px ızgara */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px;

  /* Yuvarlama — yumuşak, iOS ölçeğinde */
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-full: 999px;

  /* Hareket */
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:  140ms;
  --dur:       240ms;
  --dur-slow:  420ms;

  /* Cihaz güvenli alanları */
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);

  /* Katman sırası */
  --z-map: 0; --z-scrim: 1; --z-screen: 2; --z-sheet: 3;
  --z-hud: 4; --z-toast: 6; --z-loader: 7;

  /* Dokunma hedefi alt sınırı */
  --tap: 44px;

  /* Kabuk ölçüleri */
  --tabbar-h: 66px;
  --sidebar-w: 372px;
}

/* ══ Sürüş ekranı: koyu ═════════════════════════════════════════════
   Sürerken ekrana bakış süresi çok kısa; koyu zemin ve yüksek kontrast
   okunurluğu artırıyor, gece de gözü yormuyor. */

body.is-navigating {
  --bg:            #05070d;
  --surface:       rgba(16, 21, 33, 0.9);
  --surface-solid: #101521;
  --surface-hi:    rgba(30, 38, 56, 0.94);
  --surface-hover: rgba(42, 52, 74, 0.96);
  --glass:         rgba(12, 16, 26, 0.74);

  --line:        rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.18);
  --shadow-md:   0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-lg:   0 20px 60px rgba(0, 0, 0, 0.6);
  --glow-accent: 0 0 24px rgba(0, 229, 160, 0.35);
  --glow-danger: 0 0 26px rgba(255, 59, 48, 0.5);

  --text:      #eef2f8;
  --text-mid:  #a7b0c2;
  --text-dim:  #6b7690;

  --accent:      #00e5a0;
  --accent-ink:  #04120d;
  --accent-soft: rgba(0, 229, 160, 0.15);
  --accent-2:    #38bdf8;

  --warn:        #ffb020;
  --warn-soft:   rgba(255, 176, 32, 0.16);
  --danger:      #ff453a;
  --danger-soft: rgba(255, 69, 58, 0.18);

  background: #000;
}