/* ═══════════════════════════════════════════════════════════════
   Zirve Teknik Servis — TOKENS (tasarım değişkenleri)
   Tek doğruluk kaynağı: SOZLESME.md §5 + zirve_frontend_plani.md §2
   Bu dosyada sınıf YOK; yalnız :root değişkenleri.
   ═══════════════════════════════════════════════════════════════ */

:root{

  /* ── Renkler (kontrakt 2.1 — aynen) ── */
  --navy:#223C6C;            /* ana lacivert */
  --navy-deep:#182B4F;       /* koyu lacivert (topbar, mnav, footer) */
  --steel:#536D89;           /* ikincil / focus / ikonlar */
  --steel-soft:#E4EAF1;      /* açık çizgi / zemin tonu */
  --red:#1A74B8;             /* vurgu / CTA (gök mavisi; değişken adı geriye uyumluluk için korundu) */
  --red-deep:#115A93;        /* hover */
  --white:#FFFFFF;
  --gray:#F6F7F9;            /* bölüm zemini */
  --ink:#21192B;             /* ana metin */
  --ink-soft:#5A5566;        /* ikincil metin */
  --line:rgba(33,25,43,.10); /* 1px çizgiler */

  /* ── Türev renkler (kodda hex yazmamak için) ── */
  --navy-06:rgba(34,60,108,.06);
  --navy-10:rgba(34,60,108,.10);
  --navy-15:rgba(34,60,108,.15);
  --white-70:rgba(255,255,255,.70);
  --white-40:rgba(255,255,255,.40);
  --white-15:rgba(255,255,255,.15);
  --white-08:rgba(255,255,255,.08);
  --white-25:rgba(255,255,255,.25);
  --white-85:rgba(255,255,255,.85);
  --white-96:rgba(255,255,255,.96);
  --deep-96:rgba(24,43,79,.96);
  --deep-90:rgba(24,43,79,.90);
  --deep-80:rgba(24,43,79,.80);
  --deep-65:rgba(24,43,79,.65);
  --deep-45:rgba(24,43,79,.45);
  --deep-25:rgba(24,43,79,.25);
  --deep-00:rgba(24,43,79,0);
  --steel-glow:rgba(83,109,137,.45);
  --red-30:rgba(26,116,184,.30);

  /* Yalnız sticky WhatsApp düğmesi için marka yeşili */
  --wa:#25D366;
  --wa-deep:#1EBE5A;

  /* ── Tipografi ── */
  --font-heading:'Manrope',ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif;
  --font-body:'Source Sans 3',ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif;

  --fs-h1:clamp(2.25rem,5vw,3.75rem);      /* anasayfa/hero H1 */
  --fs-h1-page:clamp(1.9rem,3.4vw,2.6rem); /* iç sayfa + .zt-phead H1 */
  --fs-h2:clamp(1.75rem,3vw,2.5rem);
  --fs-h3:clamp(1.25rem,1.8vw,1.5rem);
  --fs-lead:clamp(1.0625rem,1.4vw,1.1875rem); /* 17 → 19 */
  --fs-body:17px;
  --fs-md:15px;
  --fs-sm:14px;
  --fs-xs:13px;

  --lh-h1:1.08;
  --lh-h2:1.18;
  --lh-h3:1.3;
  --lh-body:1.65;
  --ls-h1:-0.02em;
  --measure:62ch; /* paragraf ölçüsü */

  /* ── 8px tabanlı boşluk ölçeği ── */
  --sp-1:8px;
  --sp-2:16px;
  --sp-3:24px;
  --sp-4:32px;
  --sp-5:48px;
  --sp-6:72px;
  --sp-7:112px;

  /* ── Yüzey: yarıçap, gölge ── */
  --radius-card:14px;
  --radius-btn:10px;
  --shadow-soft:0 1px 2px rgba(24,43,79,.06), 0 10px 30px rgba(24,43,79,.08);
  --shadow-lift:0 2px 4px rgba(24,43,79,.06), 0 22px 48px rgba(24,43,79,.16);
  --navy-grad:linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 100%); /* çok hafif lacivert geçiş (yalnız zemin) */
  --shadow-up:0 -1px 0 var(--line), 0 -8px 24px var(--navy-06); /* mobil alt bar */

  /* ── Hareket (tek easing, 200–500ms) ── */
  --ease:cubic-bezier(.22,.61,.36,1);
  --tr-fast:200ms;
  --tr:300ms;
  --tr-slow:500ms;

  /* ── Iskelet ── */
  --container:1240px;
  --pad:clamp(20px,4vw,48px);
  --header-h:76px;   /* logo 48 + dikey padding 28 */
  --topbar-h:0px;    /* üst şerit kaldırıldı */
  --fab:56px;        /* sticky yuvarlak düğme çapı */
}