/* =========================================================
   TOKENS.CSS — Design tokens (renk, tipografi, boşluk, gölge)
   Bu dosya tüm sitenin tek "kaynak doğru"sudur. Renk veya
   font değişikliği gerektiğinde sadece bu dosya güncellenir.
   ========================================================= */
:root{
  /* Renkler */
  --navy-900:#0A1F35;
  --navy-700:#0E2A47;
  --navy-500:#1B3A5C;
  --white:#FFFFFF;
  --gray-50:#F4F6F8;
  --gray-200:#E3E7EC;
  --gray-500:#6B7686;
  --teal-500:#28A89B;
  --teal-100:#E4F4F2;

  /* Tipografi */
  --font-display:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;

  /* Yarıçap / Gölge */
  --radius:14px;
  --radius-lg:24px;
  --shadow-sm:0 1px 3px rgba(10,31,53,0.06);
  --shadow-md:0 8px 30px rgba(10,31,53,0.08);

  /* Düzen */
  --max-width:1180px;
  --section-padding:96px;
}

@media (max-width:680px){
  :root{ --section-padding:64px; }
}