/* Okul Araçları — tasarım değişkenleri
   ============================================================
   YÖN: kurumsal sakin. İyi işleyen bir kurumun yazılımı gibi görünmeli;
   ajans portfolyosu gibi değil. Karar üç başlıkta toplanıyor:

   1. İKİ TİPOGRAFİK REGISTER, HER BİRİNİN BİR İŞİ VAR
      Serif = kurumun sesi (sayfa/adım başlıkları, sonuç sayısı, çizelge
      başlığı). Sans = aracın sesi (etiket, düğme, hücre — her şey).
      Mono = YALNIZCA gerçek veri: saat, tarih, sayı, kod. Süs değil.
      Eski tasarımda mono her yerde dekoratif etiketti; okunurluğu
      düşürüyor ve teknik olmayan kullanıcıyı yavaşlatıyordu.

   2. TEK GÜÇLÜ RENK
      Lacivert. Dekoratif aksan yok — kısıtlılık kurumsallığın işareti.
      Renk yalnızca iki yerde anlam taşır: veri (ders/yer tonları) ve
      durum (onay / uyarı / hata).

   3. YÜZEY GÖRÜNÜR
      Saç teli çizgi yerine gerçek kart: yumuşak gölge + belirgin köşe.
      Yapının tek bakışta okunması, zarafetten önce gelir.
   ============================================================ */

:root{
  /* ---- zemin ve mürekkep ---- */
  --paper:#F1F4F8;          /* soğuk kurumsal kâğıt */
  --surface:#FFFFFF;        /* kart */
  --surface-2:#F7F9FC;      /* kart içi ikincil şerit */
  --white:#FFFFFF;          /* imza ve eski bileşenler bu adı kullanıyor */

  --ink:#132A43;            /* lacivert — "resmî" renk, saf siyah değil */
  --ink-2:#0C1D30;          /* basılı/aktif hâl */
  --muted:#5B6B80;
  --muted-2:#8492A6;        /* en sessiz metin */

  --line:#DCE3EC;           /* ayraç */
  --line-2:#C4CFDD;         /* yapısal kenar: tablo başlığı, liste başlığı */

  /* Etkileşimli denetimin sınırı. WCAG 1.4.11 arayüz sınırları için 3:1
     istiyor ve buradaki dolgu (beyaz) kâğıttan ayırt edilemiyor — sınırı
     taşıyan tek şey çizgi. Beyaza 3.40, kart zeminine 3.23, kâğıda 3.09.
     Yapısal çizgiler bilerek daha hafif: onlar bileşen sınırı değil. */
  --kenar:#7F8CA1;

  /* ---- eylem ---- */
  --brand:#1B4F8C;
  --brand-hover:#164274;
  --brand-soft:#E8F0F9;
  --on-brand:#FFFFFF;

  /* ---- durum ---- */
  --ok:#1E7A50;      --ok-soft:#E6F4ED;
  --warn:#96610F;    --warn-soft:#FBF1E0;
  --danger:#B3261E;  --danger-soft:#FBEAE9;

  /* ---- tipografi ---- */
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Inter","Segoe UI",system-ui,sans-serif;
  --mono:"Anonymous Pro",ui-monospace,Consolas,monospace;

  /* ---- ölçü ---- */
  --pad:clamp(1.25rem,4vw,3rem);
  --max:78rem;

  /* ---- köşe ---- */
  --r-sm:6px;
  --r:10px;
  --r-lg:14px;

  /* ---- yükseklik ----
     Üç kademe yeter. Gölge derinlik anlatır, dekorasyon değildir. */
  --sh-1:0 1px 2px rgba(19,42,67,.06), 0 1px 1px rgba(19,42,67,.04);
  --sh-2:0 2px 4px rgba(19,42,67,.06), 0 4px 12px rgba(19,42,67,.06);
  --sh-3:0 8px 24px rgba(19,42,67,.10), 0 2px 6px rgba(19,42,67,.06);

  /* ---- dokunma hedefi ---- */
  --tap:2.5rem;

  --ease:cubic-bezier(.16,1,.3,1);
  --ease-out:cubic-bezier(.2,.8,.3,1);
}

/* Dokunmatik cihazda hedefler büyür — parmak imleç değil. */
@media (pointer:coarse){ :root{ --tap:2.75rem } }