/* =====================================================================
   DENETİM TAKİP — Tasarım Token'ları (§8.1)
   Yön: "Aydınlık Kontrol Odası" — açık, ferah zemin; net hiyerarşi;
   tek güçlü vurgu rengi. Ultra modern, sakin ve disiplinli.
   ===================================================================== */

/* Yerel yazı tipleri (§8.1) — Google Fonts çalışma-anı bağımlılığı yok.
   latin-ext alt kümesi Türkçe karakterleri (ı, İ, ş, ğ, ü, ö, ç) kapsar. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/sora-600.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/sora-700.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/jbmono-400.woff2') format('woff2'); }

:root{
  /* Zemin — açık, ferah */
  --zemin-0:#F4F6FB;      /* sayfa */
  --zemin-1:#FFFFFF;      /* kart */
  --zemin-2:#EEF2F8;      /* yükseltilmiş / girdi zemini */
  --cizgi:#E4E9F2;
  --cizgi-parlak:#C9D4E6;

  /* Metin */
  --metin:#111C33;
  --metin-soluk:#51617D;
  --metin-silik:#8593AB;

  /* Vurgu — tek güçlü renk (koyu teal; beyaz metinle yeterli kontrast) */
  --vurgu:#0A9E7B;
  --vurgu-koyu:#07785D;
  --vurgu-metin:#FFFFFF;  /* dolu vurgu butonların metni */

  /* Durum — açık zemine göre koyulaştırılmış */
  --acil:#DE3B4E;
  --uyari:#D97706;
  --bilgi:#0E8FD0;
  --notr:#8593AB;

  /* Kategori renkleri (7) — açık zeminde okunur tonlar */
  --k2:#0FA3E0; --k3:#8B5CF6; --k4:#0A9E7B;
  --k5:#E8960C; --k6:#7C8BA8; --k7:#E85B8A; --k8:#2FB673;

  /* Geometri — yumuşak, modern */
  --r-sm:10px; --r-md:16px; --r-lg:24px;
  --golge:0 12px 32px rgba(17,28,51,.10);
  --golge-kucuk:0 1px 3px rgba(17,28,51,.05), 0 4px 14px rgba(17,28,51,.05);
  --cam:rgba(255,255,255,.78);
  --cam-cizgi:rgba(17,28,51,.07);

  /* Tipografi */
  --f-baslik:'Sora',system-ui,-apple-system,sans-serif;
  --f-govde:'Inter',system-ui,-apple-system,sans-serif;
  --f-veri:'JetBrains Mono',ui-monospace,'SF Mono',monospace;

  /* Görev satırı durum zeminleri (§ liste görünümü) */
  --satir-tamam:#E6F6F1;       /* tamamlandı — açık yeşil */
  --satir-tamam-koyu:#D8F0E8;
  --satir-muaf:#FDF3DC;        /* muaf / uygun değil — sarı */
  --satir-muaf-koyu:#FAEAC5;

  /* Yerleşim ölçüleri — mobil hesaplamalarda tek kaynak */
  --ust-h:57px;              /* üst bar yüksekliği */
  --yan-w:224px;             /* yan menü genişliği (masaüstü) */
  --icerik-p:28px 32px;      /* içerik iç boşluğu */
  --dokunma:44px;            /* asgari dokunma hedefi (WCAG 2.5.5) */

  /* iOS çentik / ev tuşu güvenli alanları */
  --guvenli-ust:env(safe-area-inset-top, 0px);
  --guvenli-alt:env(safe-area-inset-bottom, 0px);
  --guvenli-sol:env(safe-area-inset-left, 0px);
  --guvenli-sag:env(safe-area-inset-right, 0px);
}