/* ============================================================
   MülkTakibi Pro — tasarım token'ları (renk, tipografi, ölçü)

   Yalnızca CSS değişkeni tanımlar; hiçbir elemanı biçimlendirmez. Bu yüzden Bootstrap
   kullanan eski ekranlarla aynı sayfada güvenle yüklenebilir.

   Marka rengi --p, partials.brand-theme'in yazdığı --primary'den gelir (tenant ayarı).
   Tüm tonlar ondan türetilir; firma rengi değişince bütün ekranlar birlikte değişir.
   Kaynak: docs/DESIGN-SYSTEM.md
   ============================================================ */
:root{
  --p:var(--primary,#11b682);
  --p-600:color-mix(in srgb,var(--p) 86%,#000);
  --p-700:color-mix(in srgb,var(--p) 70%,#000);
  --p-800:color-mix(in srgb,var(--p) 52%,#000);
  --p-soft:color-mix(in srgb,var(--p) 13%,#fff);
  --p-tint:color-mix(in srgb,var(--p) 6%,#fff);
  --p-line:color-mix(in srgb,var(--p) 30%,#fff);

  /* Metin kontrastı prototipten bir kademe yüksek: kullanıcı ilk değerleri "soluk" buldu (MTT-5183). */
  --ink:#101714; --ink-2:#2b3531; --ink-3:#47524d; --mute:#66716c; --faint:#a3ada8;
  --line:#e0e6e3; --line-2:#ebf0ee; --paper:#f4f6f5; --surface:#fff; --surface-2:#f9fbfa; --hover:#f3f7f5; --zebra:#fafcfb;
  --pos:#0f8a5f; --pos-bg:#e3f5ec; --neg:#d33b3b; --neg-bg:#fdecec; --warn:#b26b00; --warn-bg:#fdf3e0;
  --info:#2f6bd6; --info-bg:#e8f0fd; --legal:#c0398a; --legal-bg:#fbe9f4; --n-bg:#eef1f0;

  --shadow:0 1px 2px rgba(18,26,23,.04),0 6px 18px -10px rgba(18,26,23,.12);
  --shadow-lg:0 24px 60px -12px rgba(18,26,23,.28);
  /* Font: Inter — ekran için tasarlanmış, küçük boyutta en okunaklılardan; rakamlar sabit genişlikte
     (tabular-nums) olduğu için tutarlar mono font olmadan hizalanır. Geist ince ve dar kalıyordu,
     mono rakamlar yoğun tabloda okunmuyordu (kullanıcı: "yazılar okunmuyor"). --mono adı korunur,
     artık sabit genişlikli rakamlı Inter demek. */
  --sans:"Inter",-apple-system,"Segoe UI",sans-serif; --mono:"Inter",-apple-system,"Segoe UI",sans-serif; --display:"Instrument Serif",Georgia,serif;
  --r:10px; --r-sm:7px; --nav:52px; --tabs:38px; --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --p-600:color-mix(in srgb,var(--p) 88%,#fff); --p-700:color-mix(in srgb,var(--p) 75%,#fff); --p-800:color-mix(in srgb,var(--p) 60%,#fff);
  --p-soft:color-mix(in srgb,var(--p) 20%,#121614); --p-tint:color-mix(in srgb,var(--p) 9%,#121614); --p-line:color-mix(in srgb,var(--p) 40%,#121614);
  --ink:#f1f5f3; --ink-2:#d8e0dc; --ink-3:#b6c0bc; --mute:#939e9a; --faint:#5c6662;
  --line:#2a312e; --line-2:#212825; --paper:#0e1211; --surface:#161b19; --surface-2:#1a201e; --hover:#1e2522; --zebra:#181d1b;
  --pos:#3fcf94; --pos-bg:#123124; --neg:#f27272; --neg-bg:#3a1919; --warn:#efb04f; --warn-bg:#3a2a10;
  --info:#7aa6f5; --info-bg:#172540; --legal:#ec7cc0; --legal-bg:#3a1830; --n-bg:#232a27;
  --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-lg:0 24px 60px -12px rgba(0,0,0,.7);
  color-scheme:dark;
}