/* ===================================================================================================================
   Lotus ERP — TASARIM TOKENLARI · Yön B (09.11.2026, Efe: "kendi tokenlarımız + shadcn/ui görsel dili, ek JS kütüphanesi yok")
   Tek kaynak: renk, yazı, köşe, gölge, boşluk ve yoğunluk değerleri burada. app.css, sayfa CSS'leri (*.razor.css), tasarim.css ve
   imza.css'ten SONRA yüklenir (App.razor); eski değişken adları (app.css :root, .kabuk --c-*, tasarim.css --t-*, imza --imza-*) bu
   tokenlara bağlanır → ~190 ekran sınıf adı değişmeden yeni görünüme geçer. YALNIZ değişken tanımı — seçici kuralı yok.
   Referans maket: scratchpad/maket/yon-b-lotus-shadcn.html (:root bloğu). Stil kılavuzu: /kontrol/tasarim (yalnız Yönetici).
   Kontrast: ikincil yazılar (--metin-2, --metin-3) beyaz ve --zemin üzerinde ≥ 4,5:1 (WCAG 2.2 AA); maketteki #a8a29e grup başlığı
   (2,5:1) yerine --metin-3 kullanılır.
   =================================================================================================================== */
:root{
  /* ── yazı ───────────────────────────────────────────────────────────────────────────────────────────────── */
  --font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --kod-font:"JetBrains Mono",ui-monospace,"Cascadia Mono","SF Mono",SFMono-Regular,Menlo,Consolas,monospace;   /* ürün kodu / sipariş no */
  --kod-ls:-.01em;
  --yazi-xs:11.5px; --yazi-s:12.5px; --yazi-m:13.5px; --yazi-govde:14px; --yazi-l:16px; --yazi-xl:20px; --yazi-2xl:24px; --yazi-3xl:30px;
  --h1:28px; --h1-k:650; --h1-ls:-.025em; --h2:15px; --h2-k:600; --kpi-yazi:30px; --kpi-k:600;

  /* ── renk: yüzeyler (taş grisi ailesi) ─────────────────────────────────────────────────────────────────── */
  --zemin:#fafaf9; --yuzey:#fff; --yuzey-2:#f5f5f4;
  --kenar:#e7e5e4; --ic-kenar:#f0eeec; --kenar-koyu:#d6d3d1;            /* kart kenarı · iç ayırıcı · form alanı çerçevesi */
  --metin:#1c1917; --metin-2:#57534e; --metin-3:#78716c; --metin-ters:#fff;
  --hover:#f5f5f4; --satir-hover-zemin:#fafaf9; --secim-zemin:#f5f5f4;

  /* ── renk: marka ve vurgu (petrol yeşili eylem, altın yalnız vurgu) ─────────────────────────────────────── */
  --birincil:#1f6359; --birincil-koyu:#174c44; --birincil-acik:#ecf4f2; --birincil-cok-acik:#f4f9f7;
  --altin:#9a7a3c; --altin-koyu:#7a5f2c; --altin-acik:#f7f1e4; --altin-kenar:#e8dcc2;

  /* ── renk: anlam (bilgi / iyi / uyarı / sorun / nötr) ──────────────────────────────────────────────────── */
  --bilgi-zemin:#ecf4f2; --bilgi-metin:#1f6359; --bilgi-kenar:#cfe3de;
  --iyi-zemin:#ecfdf3;   --iyi-metin:#15803d;   --iyi-kenar:#bbe5c9;
  --uyari-zemin:#fffbeb; --uyari-metin:#a16207; --uyari-kenar:#f3dfa6;
  --sorun-zemin:#fef2f2; --sorun-metin:#b91c1c; --sorun-kenar:#f5cccc;
  --notr-zemin:#f5f5f4;  --notr-metin:#57534e;  --notr-kenar:#e7e5e4;

  /* ── DURUM eşlemesi (TEK yer): bekliyor · üretimde · kalitede · hazır · sorun ───────────────────────────── */
  --durum-bekliyor-zemin:var(--notr-zemin);  --durum-bekliyor-metin:var(--metin-2);
  --durum-uretim-zemin:var(--bilgi-zemin);   --durum-uretim-metin:var(--bilgi-metin);
  --durum-kalite-zemin:var(--altin-acik);    --durum-kalite-metin:var(--altin-koyu);
  --durum-hazir-zemin:var(--iyi-zemin);      --durum-hazir-metin:var(--iyi-metin);
  --durum-sorun-zemin:var(--sorun-zemin);    --durum-sorun-metin:var(--sorun-metin);
  --durum-uyari-zemin:var(--uyari-zemin);    --durum-uyari-metin:var(--uyari-metin);

  /* ── köşe, gölge, odak ─────────────────────────────────────────────────────────────────────────────────── */
  --r:12px; --r-kucuk:8px; --r-mini:6px; --r-hap:999px;
  --golge:0 1px 2px rgba(28,25,23,.05);
  --golge-2:0 4px 12px rgba(28,25,23,.08),0 1px 2px rgba(28,25,23,.04);
  --golge-acilir:0 12px 32px rgba(28,25,23,.14),0 2px 6px rgba(28,25,23,.06);
  --odak:0 0 0 3px rgba(31,99,89,.18);

  /* ── boşluk ölçeği ve yoğunluk ─────────────────────────────────────────────────────────────────────────── */
  --b-1:4px; --b-2:8px; --b-3:12px; --b-4:16px; --b-5:24px; --b-6:32px;
  --ust-y:56px; --yan-g:248px; --icerik-p:28px 32px 48px;
  --btn-y:36px; --btn-y-kucuk:30px; --btn-r:8px; --alan-y:36px;
  --th-p:10px 14px; --td-p:10px 14px; --tablo-yazi:13.5px;
  --yan-oge-y:34px; --rozet-r:6px; --cip-r:8px;
  --foto-r:8px;

  /* ── eski kök değişkenler (app.css :root, kabuk dışı ekranlar: giriş, portal, yazdır) → yeni tokenlar ─────── */
  --bordo:var(--birincil); --murekkep:var(--metin); --gri:var(--metin-2); --cizgi:var(--kenar); --beyaz:var(--yuzey);
  --basari:var(--iyi-metin); --basari-bg:var(--iyi-zemin); --basari-cizgi:var(--iyi-kenar);
  --uyari:var(--uyari-metin); --uyari-bg:var(--uyari-zemin); --uyari-cizgi:var(--uyari-kenar);
  --tehlike:var(--sorun-metin); --tehlike-bg:var(--sorun-zemin); --tehlike-cizgi:var(--sorun-kenar);
  --input-h:var(--alan-y); --radius:var(--r-kucuk);
  --kart-golge:var(--golge); --kart-golge-hover:var(--golge-2);
  --odak-cizgi:var(--birincil); --ikincil-kenar:var(--kenar-koyu); --ikincil-zemin:var(--yuzey);
  --baslik-zemin:var(--yuzey); --satir-cizgi:var(--ic-kenar); --satir-cift:transparent; --satir-hover:var(--satir-hover-zemin);
  --hover-hafif:var(--hover); --secim-vurgu:var(--birincil-acik); --sirali-bg:var(--birincil-acik); --akis-num-bg:var(--birincil-acik);
  --kod-bg:var(--yuzey-2); --iskelet-1:#f0eeec; --iskelet-2:#f7f6f5;
  --durum-1-bg:var(--uyari-zemin); --durum-1:var(--uyari-metin); --durum-1-cizgi:var(--uyari-kenar);
  --durum-4-bg:var(--iyi-zemin);   --durum-4:var(--iyi-metin);   --durum-4-cizgi:var(--iyi-kenar);

  /* ── Tanımsız kalmış adlar (docs/TASARIM-DILI.md Ek D, 09.11): sayfalarda kullanılıyordu ama hiçbir yerde tanımlı değildi →
        geri dönüş rengine düşüyordu. Artık tokenlara bağlı. (--metin, --font, --yuzey, --uyari-metin yukarıda zaten tanımlı;
        --imza-dz-*, --sk-serit-h bileşenin kendisi satır içi verir.) */
  --renk-vurgu:var(--birincil); --renk-sinir:var(--kenar); --ana-renk:var(--birincil); --kutu-kenari:var(--kenar); --renk-metin:var(--metin);
  --renk-arka:var(--zemin); --renk-arka-2:var(--yuzey-2); --kart-bg:var(--yuzey); --metin-soluk:var(--metin-3); --border:var(--kenar);
  --kutu-arka:var(--zemin); --ikincil-metin:var(--metin-2); --metin-ikincil:var(--metin-2); --sari:var(--uyari-metin); --imza-cizgi-koyu:var(--kenar-koyu);
  --soluk:var(--metin-3); --c-vurgu:var(--birincil); --c-vurgu-soluk:var(--birincil-acik); --c-ana-golge:var(--odak); --yazi-mono:var(--kod-font);
  --t-uyari-zemin:var(--uyari-zemin); --t-uyari-cizgi:var(--uyari-kenar); --turuncu:var(--uyari-metin); --c-gri-k:var(--metin-2); --c-kart:var(--yuzey);
  --surface-alt:var(--zemin); --zemin-2:var(--yuzey-2); --text-muted:var(--metin-3);
  --uyari-yazi:var(--uyari-metin); --basari-zemin:var(--iyi-zemin); --hata-zemin:var(--sorun-zemin); --soluk-yazi:var(--metin-3);

  /* ── İmza pilotu (Components/Imza) → aynı tokenlar ─────────────────────────────────────────────────────── */
  --imza-zemin:var(--zemin); --imza-yuzey:var(--yuzey); --imza-yuzey-2:var(--yuzey-2); --imza-cizgi:var(--kenar);
  --imza-metin:var(--metin); --imza-metin-2:var(--metin-2);
  --imza-eylem:var(--birincil); --imza-eylem-koyu:var(--birincil-koyu); --imza-eylem-acik:var(--birincil-acik); --imza-altin:var(--altin);
  --imza-secili:var(--birincil-acik); --imza-secili-cizgi:var(--birincil);
  --imza-kose:var(--r); --imza-kose-k:var(--r-kucuk); --imza-golge:var(--golge); --imza-odak:var(--odak);
  /* Yön B: liste panelleri koyu değil — beyaz başlık, açık gri başlık yazısı, satır üzerinde hafif zemin (ImzaListe ton="koyu" dahil) */
  --imza-koyu-zemin:var(--yuzey); --imza-koyu-baslik:var(--yuzey); --imza-koyu-cizgi:var(--ic-kenar);
  --imza-koyu-metin:var(--metin); --imza-koyu-metin-2:var(--metin-3); --imza-koyu-baglanti:var(--birincil);
  --imza-koyu-uzerinde:var(--satir-hover-zemin); --imza-koyu-secili:var(--birincil-acik); --imza-koyu-secili-cizgi:var(--birincil);
  --imza-golge-koyu:var(--golge); --imza-odak-koyu:var(--odak);
  --imza-uygun-zemin:var(--durum-hazir-zemin); --imza-uygun-metin:var(--durum-hazir-metin);
  --imza-bekliyor-zemin:var(--durum-uyari-zemin); --imza-bekliyor-metin:var(--durum-uyari-metin);
  --imza-engel-zemin:var(--durum-sorun-zemin); --imza-engel-metin:var(--durum-sorun-metin);
  --imza-bilgi-zemin:var(--durum-uretim-zemin); --imza-bilgi-metin:var(--durum-uretim-metin);
  --imza-notr-zemin:var(--notr-zemin); --imza-notr-metin:var(--notr-metin);
  --imza-k-uygun-zemin:var(--imza-uygun-zemin); --imza-k-uygun-metin:var(--imza-uygun-metin);
  --imza-k-bekliyor-zemin:var(--imza-bekliyor-zemin); --imza-k-bekliyor-metin:var(--imza-bekliyor-metin);
  --imza-k-engel-zemin:var(--imza-engel-zemin); --imza-k-engel-metin:var(--imza-engel-metin);
  --imza-k-bilgi-zemin:var(--imza-bilgi-zemin); --imza-k-bilgi-metin:var(--imza-bilgi-metin);
  --imza-k-notr-zemin:var(--imza-notr-zemin); --imza-k-notr-metin:var(--imza-notr-metin);
}

/* İç kabuk: app.css (.kabuk --c-*) ve tasarim.css (.kabuk --t-*) aynı öğede tanımlıyor → burada (sonra yüklenen) yeni tokenlara bağlanır.
   --zemin ve --secili-zemin app.css'te .kabuk içinde --c-* üzerinden yeniden tanımlıydı; döngü olmasın diye burada doğrudan yazılır. */
.kabuk{
  --zemin:#fafaf9; --secili-zemin:var(--birincil-acik);
  --c-zemin:var(--zemin); --c-panel:var(--yuzey); --c-cizgi:var(--kenar); --c-cizgi2:var(--ic-kenar); --c-cizgi-koyu:var(--kenar-koyu);
  --c-zemin-acik:var(--zemin); --c-metin:var(--metin); --c-metin-2:var(--metin); --c-metin-3:var(--metin-2); --c-ikincil:var(--metin-2); --c-soluk:var(--metin-3);
  --c-ana:var(--birincil); --c-ana-koyu:var(--birincil-koyu); --c-ana-acik:var(--birincil-acik); --c-altin:var(--altin);
  --c-yesil:var(--iyi-metin); --c-yesil-a:var(--iyi-zemin); --c-amber:var(--uyari-metin); --c-amber-a:var(--uyari-zemin);
  --c-kirmizi:var(--sorun-metin); --c-kirmizi-a:var(--sorun-zemin); --c-gri:var(--metin-2); --c-gri-a:var(--notr-zemin);
  /* --c-menu* bağlanmaz: 91 sayfa kuralı onları koyu mürekkep/zemin olarak kullanıyor (menü artık tokenlardan boyanır) */
  --c-calisma-tablo-baslik:var(--yuzey); --c-calisma-baslik-zemin:var(--yuzey); --c-calisma-satir-hover:var(--satir-hover-zemin); --c-calisma-hover:var(--hover);
  --c-calisma-satir-cizgi:var(--ic-kenar); --calisma-cizgi:var(--kenar); --calisma-zemin:var(--zemin); --calisma-metin:var(--metin-2); --calisma-soluk:var(--metin-3);
  --panel-radius:var(--r); --odak-halka:var(--odak);
  --baslik-zemin:var(--yuzey); --satir-cift:transparent; --satir-hover:var(--satir-hover-zemin); --hover-hafif:var(--hover); --satir-cizgi:var(--ic-kenar);
  --kart-golge:var(--golge); --kart-golge-hover:var(--golge-2); --radius:var(--r-kucuk);
  --vurgu:var(--birincil);

  --t-zemin:var(--zemin); --t-panel:var(--yuzey); --t-cizgi:var(--kenar); --t-cizgi-acik:var(--ic-kenar); --t-cizgi-koyu:var(--kenar-koyu);
  --t-metin:var(--metin); --t-metin-2:var(--metin-2); --t-soluk:var(--metin-3); --t-cok-soluk:var(--metin-3);
  --t-ana:var(--birincil); --t-ana-koyu:var(--birincil-koyu); --t-ana-acik:var(--birincil-acik); --t-ana-cok-acik:var(--birincil-cok-acik); --t-altin:var(--altin);
  --t-golge-1:var(--golge); --t-golge-2:var(--golge-2); --t-golge-3:var(--golge-acilir);
  --t-r:var(--r); --t-r-k:var(--r-kucuk); --t-r-b:var(--r); --t-odak:var(--odak);
  --t-hero:var(--yuzey); --t-hero-golge:var(--golge);   /* ilk sayı kartı artık koyu degrade değil: beyaz kart + altın üst çizgi (lotus-bilesen.css) */
}