/* İZPA — TASARIM TOKENLARI
   Burayı değiştirirsen tüm uygulamanın görünümü değişir.
   Başka hiçbir dosyada renk veya ölçü yazmaz. */
:root{
  /* --- ÖLÇÜ: 8px ızgara --- */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px;
  --r:14px;                 /* köşe yuvarlaklığı */
  --dokun:64px;             /* en küçük dokunma alanı */
  --dokun-buyuk:68px;       /* alttaki ana buton */
  --aralik:16px;            /* butonlar arası en az boşluk */
  --en:640px;               /* telefon genişliği */
  --en-genis:760px;         /* tablet / masaüstü */

  /* --- YAZI: 4 kademe, başka boy yok --- */
  --f1:32px;                /* büyük sayı */
  --f2:24px;                /* ekran başlığı */
  --f3:18px;                /* gövde — bundan küçük yazı yok */
  --f4:14px;                /* yardımcı bilgi */
  --kalin:700; --cok-kalin:800;

  /* --- RENK: ekranda en fazla 5 --- */
  --murekkep:#101619;       /* 1 yazı */
  --murekkep-2:#4A5761;     /* soluk yazı */
  --zemin:#E9EEF1;          /* 2 arka plan */
  --kart:#FFFFFF;           /* 3 kart */
  --cizgi:#D3DBE0;          /* çizgi */
  --marka:#0E2A3F;          /* 4 marka */
  --marka-yazi:#FFFFFF;

  /* durum renkleri — bir ekranda aynı anda en fazla biri kullanılır,
     ve hiçbiri tek başına anlam taşımaz, yanında her zaman ikon + yazı vardır */
  --olumlu:#127A3D;  --olumlu-zemin:#E9F5EE;
  --bekle:#A96608;   --bekle-zemin:#FDF3E2;
  --kotu:#B3261E;    --kotu-zemin:#FBEAE9;
  --pasif:#B7C2C9;

  --golge:0 1px 0 rgba(16,22,25,.04);
}