/* Design token sistemi — Faz 4 §4.1. Üç katman: ilkel → anlamsal → bileşen.
   EKRANLAR YALNIZ ANLAMSAL TOKEN KULLANIR. Marka değerleri (Katman 1) müşteri
   görüşmesi sonrası değişir; başka hiçbir dosyaya dokunulmaz.

   Görsel yön: BETON VE ÇİNİ (KARARLAR 2026-09-09). Renkler binanın kendi
   malzemesinden gelir — nötrler soğuk beton (maviye değil yeşile çalar), tek
   aksan çini petrolü, durumlar yaprak/kiremit/hardal. Nötrün aksanla aynı
   ailede olması, gün boyu bakılan bir ekranda mavi-grinin verdiği yorgunluğu
   önler. */

/* ── Katman 1: ilkel — malzeme adları ── */
:root {
  /* beton: soğuk, yeşile çalan nötr merdiven */
  --beton-0:#ffffff; --beton-50:#f1f4f0; --beton-100:#e5e8e4; --beton-200:#e2e7e1;
  --beton-300:#cbd3c9; --beton-400:#dde3db;
  --beton-600:#5a6961; --beton-700:#48584f; --beton-800:#2a3832; --beton-950:#0f1714;

  /* çini: tek aksan — eylem ve bilgi */
  --cini-100:#d9e9e9; --cini-500:#0f5f63; --cini-600:#0a4649;

  /* durum: yapının kendi malzemesi */
  --yaprak-100:#e2eeda; --yaprak-700:#376f2a;   /* tahsil edildi */
  --kiremit-100:#f6e1da; --kiremit-700:#a63a24; /* gecikme, ters kayıt */
  --hardal-100:#f5e9cc; --hardal-700:#855c0e;   /* bekliyor, elle onay */
}

/* ── Katman 2: anlamsal (aydınlık varsayılan) ── */
:root {
  --zemin-0:var(--beton-100); --zemin-1:var(--beton-0); --zemin-2:var(--beton-50); --zemin-3:var(--beton-200);
  --metin-0:var(--beton-950); --metin-1:var(--beton-800); --metin-2:var(--beton-700); --metin-3:var(--beton-600);
  --vurgu:var(--cini-500); --vurgu-koyu:var(--cini-600); --vurgu-zemin:var(--cini-100);
  --vurgu-metin:#ffffff;
  --olumlu:var(--yaprak-700); --olumlu-zemin:var(--yaprak-100);
  --olumsuz:var(--kiremit-700); --olumsuz-zemin:var(--kiremit-100);
  --uyari:var(--hardal-700); --uyari-zemin:var(--hardal-100);
  --bilgi:var(--cini-500); --bilgi-zemin:var(--cini-100);
  --cerceve:var(--beton-300); --cerceve-ince:var(--beton-400);
  /* Dolu durum zemini ÜZERİNDE okunacak metin. Koyu temada durum renkleri
     açıldığı için beyaz metin orada okunmaz; bu yüzden temaya bağlı. */
  --olumsuz-uzeri:#ffffff;
  --perde-zemin:rgb(15 23 20 / .40);
  /* Kartlar gölgeyle değil çerçeveyle ayrılır; gölge yalnız gerçekten YÜKSELEN
     yüzeyler içindir (çekmece, komut kutusu, açılır menü). */
  --golge:none;
  --golge-kart:0 6px 20px rgb(15 23 20 / .12);
  --odak:0 0 0 3px color-mix(in srgb, var(--vurgu) 38%, transparent);
}
[data-tema="koyu"] {
  --zemin-0:#0c1311; --zemin-1:#141d1a; --zemin-2:#1b2622; --zemin-3:#24322d;
  --metin-0:#edf2ee; --metin-1:#c3cec8; --metin-2:#a7b6ae; --metin-3:#87958e;
  --vurgu:#4fb6bb; --vurgu-koyu:#7fd0d3; --vurgu-zemin:#123a3c; --vurgu-metin:#06201f;
  --olumlu:#7dc067; --olumlu-zemin:#1b3418;
  --olumsuz:#e08064; --olumsuz-zemin:#3d1a12;
  --uyari:#d9a63f; --uyari-zemin:#3a2b0b;
  --bilgi:#4fb6bb; --bilgi-zemin:#123a3c;
  --cerceve:#2c3b35; --cerceve-ince:#22302b;
  --olumsuz-uzeri:#2a0f0a;          /* açık kiremit üstünde koyu metin */
  --perde-zemin:rgb(0 0 0 / .62);   /* koyu zeminde %35 perde görünmezdi */
  --golge:none;
  --golge-kart:0 6px 22px rgb(0 0 0 / .5);
}

/* ── Tipografi + ritim (rem: kullanıcı ölçeğine uyar) ──
   Karşıtlık serif/sans ayrımından değil GENİŞLİKTEN gelir: Encode Sans beş
   genişlikte tek bir ailedir, tıpkı bir binanın tabela sistemi gibi. Geniş
   kesim başlık ve para tutarları için; gövde normal kesim. Mono YALNIZ veri
   içindir (karar zinciri özeti, dekont no, kimlik) — süs olarak kullanılmaz.
   Yazı tipleri kendi sunucumuzdan iner: yazi.css. */
:root {
  --yazi-ailesi:"Encode Sans", ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --yazi-tabela:"Encode Sans Expanded", "Encode Sans", ui-sans-serif, system-ui, sans-serif;
  --yazi-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
  --yazi-xs:.6875rem; --yazi-sm:.8125rem; --yazi-md:.9375rem; --yazi-lg:1.0625rem;
  --yazi-xl:1.625rem; --yazi-2xl:2rem; --yazi-para:1.75rem;
  --satir:1.55;
  --bosluk-1:4px; --bosluk-2:8px; --bosluk-3:12px; --bosluk-4:16px; --bosluk-5:24px; --bosluk-6:32px;
  --kose-kucuk:2px; --kose:4px; --kose-kart:4px; --kose-hap:999px;
  --dokunma-min:44px;      /* web alt sınırı; mobilde 48dp */
  --panel-menu-genislik:240px;
}