/* Tasarım tokenları (PROJE.md §14). Yeni stil yazarken ham değer yerine
   bunları kullan: yazı boyutu, köşe, boşluk, gölge ve hareket tek ölçekte. */
:root{--navy:#152048; --navy-2:#223066; --navy-ink:#C7CDE4;
  --green:#8CC63F; --green-ink:#3F6512; --green-soft:#EEF6E2;
  --ink:#141A2E; --mute:#5F6780; --line:#E4E7EF; --soft:#F4F5F9; --card:#FFFFFF; --page:#FFFFFF;
  --gold:#F0A81C; /* puan yıldızı (Bedir: bir ton açık) */
  --blue:#1D8CF0; /* onaylı kullanıcı rozeti */
  /* yazı tipi cihazın kendi fontu (Bedir): iPhone ve Mac'te San Francisco,
     Android'de Roboto, Windows'ta Segoe UI. Web fontu yüklenmez. */
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif;

  /* yazı ölçeği: 8 adım (~×1.15). Giriş alanları --fs-input */
  --fs-xs:11.5px;    /* etiket, rozet, büyük harfli üst satır */
  --fs-sm:12.5px;    /* yardımcı bilgi, birim */
  --fs-md:13px;    /* gövde (kart içi, liste), çip, sekme */
  --fs-base:15px;  /* gövde (okuma), kart başlığı, düğme */
  --fs-lg:16px;    /* bölüm içi başlık */
  --fs-xl:18px;    /* bölüm başlığı, fiyat */
  --fs-2xl:24px;   /* sayfa başlığı */
  --fs-3xl:26px;   /* büyük sayı */
  --fs-input:16px; /* giriş alanı: 16'nın altında iOS sayfayı yakınlaştırır */
  --fs-tab:14px;    /* liste sayfasındaki tür sekmeleri (Bedir: 13'ün 1px üstü) */
  --fs-mp-down:1px; /* Molapuan kartının bütün yazıları ölçeğin 1px altında (Bedir) */
  /* bölüm başlıkları ekranla küçülür ki dar telefonda da tek satıra sığsın */
  --fs-h2:clamp(15px,4.6vw,18px);  /* bölüm başlığı (en çok --fs-xl) */
  --fs-h3:clamp(14px,4.1vw,16px);  /* bölüm içi başlık (en çok --fs-lg) */

  /* kalınlık: görevine göre beş adım. Kalın yalnızca hiyerarşi için;
     her şey kalın olunca hiçbir şey öne çıkmaz.
     black: sayfa başlığı, fiyat, büyük sayı · bold: bölüm, kutu ve kart
     başlığı, düğme · semi: çip, sekme, menü, etiket, vurgulu meta ·
     medium: yardımcı bilgi, birim, alan değeri · regular: okuma metni */
  --fw-regular:400; --fw-medium:500; --fw-semi:600; --fw-bold:700; --fw-black:800;

  /* satır yüksekliği: yazının görevine göre altı adım. Türkçede büyük
     harfin noktası ve şapkası (İ, Â), alttaki çengel (Ş, Ç) satır arası
     ister; iki satıra inebilen başlık 1.3'ün altına inmez */
  --lh-none:1;     /* tek satırlık sayı, rozet, simge yanı */
  --lh-tight:1.2;  /* sayfa başlığı, büyük sayı (18 px ve üstü) */
  --lh-snug:1.3;   /* kart, bölüm ve liste başlığı (iki satıra inebilir) */
  --lh-ui:1.4;     /* arayüz metni: alt satır, yardımcı bilgi, etiket */
  --lh-body:1.5;   /* gövde paragrafı, açıklama, paylaşım metni */
  --lh-read:1.6;   /* uzun okuma: hakkında, sık sorulan sorular, bilgi kutuları */
  --lh-loose:1.8;  /* satır içi bağların sıralandığı alt bilgi (dokunma payı) */

  /* harf aralığı: büyük yazı biraz sıkı, küçük yazı biraz açık, büyük
     harfli etiket açık. Gövde 0: sistem fontu kendi aralığıyla gelir */
  --ls-tight:-.015em;   /* sayfa başlığı, büyük fiyat (18 px ve üstü) */
  --ls-snug:-.01em;     /* bölüm başlığı, fiyat (15–18 px) */
  --ls-open:.01em;      /* küçük yazı (11–12 px), telefon numarası */
  --ls-caps:.06em;      /* büyük harfli üst satır, bilet kodu, yıldız */
  --ls-initials:-.04em; /* avatardaki iki baş harf (dar daire) */

  /* paragraf boşluğu: başlıktan metne ve paragraftan paragrafa */
  --sp-head:8px;   /* başlık ile altındaki metin */
  --sp-para:12px;  /* ardışık iki paragraf */

  /* köşe ölçeği */
  --r-xs:6px; --r-sm:10px; --r-md:12px; --r-lg:18px; --r-xl:24px; --r-pill:999px;
  --r-card:var(--r-lg);

  /* boşluk ölçeği (4'ün katları) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px;

  --shadow:0 1px 2px rgba(20,26,46,.06),0 8px 22px rgba(20,26,46,.08);
  --shadow-lg:0 2px 6px rgba(20,26,46,.08),0 18px 40px rgba(20,26,46,.14);

  /* hareket */
  --ease:cubic-bezier(.2,.7,.2,1); --t-fast:120ms; --t:200ms; --t-slow:320ms;
  color-scheme:light;}