/* ==========================================================================
   Panel ve hasta sayfaları — tasarım belirteçleri, "Gündüz" yönü (seçildi 15 Eki 2026)
   Kaynak: 43-Hasta-Takip-Platformu/demo/kaynak/panel.css (.sy bloğu). Açık mineral zemin, beyaz yüzey,
   etiketli sol menü (236 px), köşe 8/6 px. Tüm renkler buradan; bileşenler yalnız değişken kullanır.

   Ana adlar Gündüz'ündür (--bg, --yuzey…, --metin…, --vurgu ailesi, --iyi/--uyari/--kritik). 35'ten gelen
   bileşenlerin İngilizce adları (--surface, --text, --accent…) en altta bunlara bağlanır: geçiş katmanıdır,
   yeni ekranlar Gündüz adlarını kullanır.

   Kurum rengi: kurum tek renk seçer (kurum ayarı panel.renk). js/renk.js renkTuret iki tema için --vurgu,
   --vurgu2, --vurgu-zemin, --vurgu-ustu, --isi1..5, --isi-y1..5 ve --ters-vurgu türetir ve <style id="kurum-renk">
   ile ekler. Aşağıdaki vurgu değerleri ürünün varsayılanıdır (#22409A mürekkep; renkTuret çıktısıyla aynı).
   Durum renkleri sabittir, kurum rengiyle değişmez.

   Tema: <html data-tema="acik|koyu">; nitelik yoksa sistem tercihi (prefers-color-scheme).
   Denetim: testler/cekirdek/panel_kontrast.php (WCAG AA çiftleri), panel_renk.php (js/renk.js ile aynılık, kurum renkleri).
   ========================================================================== */

/* Yazı tipleri: Wix Madefor Display (başlık), Wix Madefor Text (gövde), Reddit Mono (sayılar), ikonlar Material Symbols Outlined.
   CDN kullanılmaz; dosyalar /panel/yazitipi/ altından sunulur, @font-face kuralları css/yazitipi.css'te (araclar/yazitipi-indir.php üretir). */

:root {
  color-scheme: light;

  /* zemin, yüzey, çizgi */
  --bg: #EDF0F1;
  --yuzey: #FFFFFF;
  --yuzey2: #F5F7F8;
  --yuzey3: #E6EBED;
  --cizgi: #D9E0E3;
  --cizgi2: #C3CCD1;
  --cizgi-girdi: #7A8792;

  /* metin */
  --metin: #13202A;
  --metin2: #475663;
  --metin3: #5E6B76;

  /* kurum rengi (varsayılan; js/renk.js kurum renginden türetir) */
  --vurgu: #22409A;
  --vurgu2: #122B84;
  --vurgu-zemin: #EAF0FD;
  --vurgu-ustu: #FFFFFF;
  --ters-vurgu: #6A8EE5;
  --isi1: #E0E4F1;
  --isi2: #B8C2DF;
  --isi3: #8C9CCA;
  --isi4: #5B72B4;
  --isi5: #22409A;
  --isi-y1: #13202A;
  --isi-y2: #13202A;
  --isi-y3: #13202A;
  --isi-y4: #FFFFFF;
  --isi-y5: #FFFFFF;

  /* durum (sabit) */
  --iyi: #1C7449;
  --iyi-zemin: #E2F2E9;
  --uyari: #99590A;
  --uyari-zemin: #FBEFD9;
  --kritik: #B3232F;
  --kritik-zemin: #FBE5E6;
  --kritik-ustu: #FFFFFF;

  /* ters yüzey (bildirim, ipucu): koyu temanın yüzeyi; vurgusu öbür temanınki */
  --ters-bg: #151D22;
  --ters-bg-2: #0E1418;
  --ters-metin: #E5ECEF;
  --ters-metin2: #A8B6BF;
  --ters-iyi: #57C795;
  --ters-uyari: #EDB45C;
  --ters-kritik: #F5767F;

  /* gölge ve perde */
  --golge: 0 1px 2px rgb(19 32 42 / .06), 0 8px 24px -12px rgb(19 32 42 / .18);
  --golge-buyuk: 0 24px 64px -24px rgb(19 32 42 / .34), 0 2px 8px -2px rgb(19 32 42 / .08);
  --perde: rgb(19 32 42 / .36);

  /* biçim */
  --r: 8px;
  --r-k: 6px;
  --r-dug: 7px;
  --bosluk: 16px;

  /* yazı */
  --f-baslik: "Wix Madefor Display", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-govde: "Wix Madefor Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-sayi: "Reddit Mono", ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --ik-aile: "Material Symbols Outlined";
  --govde-boy: 14px;
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-24: 24px; --fs-32: 32px; --fs-44: 44px;

  /* grafik (kategorik sıra sabit) */
  --grafik-1: #058E7F;
  --grafik-2: #C05634;
  --grafik-3: #3A69AD;
  --grafik-4: #C28412;
  --grafik-5: #914373;
  --grafik-6: #558A49;
  --grafik-alan: .10;

  /* giriş ekranı: kurum seçilmeden önce görünür, varsayılan renktir */
  --marka: #22409A;
  --marka-sus: #6A8EE5;
  --marka-acik: #93ABF2;

  /* hareket */
  --t-hizli: 120ms;
  --t-orta: 200ms;
  --t-yavas: 280ms;
  --egri: cubic-bezier(.2, .7, .2, 1);
  --egri-yay: cubic-bezier(.34, 1.4, .64, 1);

  /* yoğunluk: rahat */
  --satir: 48px;
  --kontrol: 36px;
  --kontrol-k: 30px;
  --kart-ic: 16px;

  /* yerleşim */
  --nav-gen: 236px;
  --yan-dar: 64px;
  --ust-yukseklik: 56px;
  --alt-gezinme: 64px;
  --icerik-azami: 1440px;

  /* ---------- geçiş katmanı: 35 bileşenlerinin adları (yeni kodda kullanmayın) ---------- */
  --surface: var(--yuzey);
  --surface-2: var(--yuzey2);
  --surface-3: var(--yuzey3);
  --border: var(--cizgi);
  --border-guclu: var(--cizgi2);
  --border-input: var(--cizgi-girdi);
  --text: var(--metin);
  --text-2: var(--metin2);
  --text-3: var(--metin3);
  --accent: var(--vurgu);
  --accent-hover: var(--vurgu2);
  --accent-soft: var(--vurgu-zemin);
  --accent-ince: color-mix(in srgb, var(--vurgu) 6%, var(--yuzey));
  --on-accent: var(--vurgu-ustu);
  --on-tehlike: var(--kritik-ustu);
  --champagne: var(--metin3);
  --champagne-text: var(--metin2);
  --champagne-soft: var(--yuzey3);
  --success: var(--iyi);
  --warning: var(--uyari);
  --danger: var(--kritik);
  --info: var(--vurgu);
  --success-soft: var(--iyi-zemin);
  --warning-soft: var(--uyari-zemin);
  --danger-soft: var(--kritik-zemin);
  --info-soft: var(--vurgu-zemin);
  --ters-text: var(--ters-metin);
  --ters-text-2: var(--ters-metin2);
  --ters-accent: var(--ters-vurgu);
  --ters-tehlike: var(--ters-kritik);
  --ters-basari: var(--ters-iyi);
  --golge-1: 0 1px 0 var(--cizgi);
  --golge-2: var(--golge);
  --golge-3: var(--golge-buyuk);
  --golge-kaldir: var(--golge-buyuk);
  --grafik-izgara: var(--cizgi);
  --isi-0: var(--yuzey2);
  --isi-1: var(--isi1);
  --isi-2: var(--isi2);
  --isi-3: var(--isi3);
  --isi-4: var(--isi4);
  --isi-5: var(--isi5);
  --doku: none;
  --font-sans: var(--f-govde);
  --font-mono: var(--f-sayi);
  --font-serif: var(--f-baslik);
  --r-1: var(--r-k);
  --r-2: var(--r);
  --r-3: var(--r);
  --r-tam: 999px;
  --yan-genislik: var(--nav-gen);
}

:root[data-yogunluk="sik"] {
  --satir: 36px;
  --kontrol: 32px;
  --kontrol-k: 28px;
  --kart-ic: 12px;
}

/* ---------- koyu tema: sistem tercihi (kullanıcı "açık" seçmediyse) ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    color-scheme: dark;
    --bg: #0E1418;
    --yuzey: #151D22;
    --yuzey2: #1A2329;
    --yuzey3: #212C33;
    --cizgi: #26323A;
    --cizgi2: #34434D;
    --cizgi-girdi: #6E7D88;
    --metin: #E5ECEF;
    --metin2: #A8B6BF;
    --metin3: #8695A0;
    --vurgu: #6A8EE5;
    --vurgu2: #7FA4FD;
    --vurgu-zemin: #1C2948;
    --vurgu-ustu: #0E1418;
    --ters-vurgu: #22409A;
    --isi1: #212D3D;
    --isi2: #304160;
    --isi3: #415887;
    --isi4: #5471B2;
    --isi5: #6A8EE5;
    --isi-y1: #E5ECEF;
    --isi-y2: #E5ECEF;
    --isi-y3: #E5ECEF;
    --isi-y4: #FFFFFF;
    --isi-y5: #0E1418;
    --iyi: #57C795;
    --iyi-zemin: #14301F;
    --uyari: #EDB45C;
    --uyari-zemin: #3A2A10;
    --kritik: #F5767F;
    --kritik-zemin: #3D1A1D;
    --kritik-ustu: #0E1418;
    --ters-bg: #EDF0F1;
    --ters-bg-2: #FFFFFF;
    --ters-metin: #13202A;
    --ters-metin2: #475663;
    --ters-iyi: #1C7449;
    --ters-uyari: #99590A;
    --ters-kritik: #B3232F;
    --golge: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px -12px rgb(0 0 0 / .6);
    --golge-buyuk: 0 32px 80px -24px rgb(0 0 0 / .75), 0 2px 8px -2px rgb(0 0 0 / .4);
    --perde: rgb(4 7 9 / .62);
    --grafik-5: #A5538A;
    --grafik-alan: .14;
  }
}

/* ---------- koyu tema: kullanıcı seçimi (sistem bloğuyla birebir aynı; panel_kontrast.php denetler) ---------- */
:root[data-tema="koyu"] {
  color-scheme: dark;
  --bg: #0E1418;
  --yuzey: #151D22;
  --yuzey2: #1A2329;
  --yuzey3: #212C33;
  --cizgi: #26323A;
  --cizgi2: #34434D;
  --cizgi-girdi: #6E7D88;
  --metin: #E5ECEF;
  --metin2: #A8B6BF;
  --metin3: #8695A0;
  --vurgu: #6A8EE5;
  --vurgu2: #7FA4FD;
  --vurgu-zemin: #1C2948;
  --vurgu-ustu: #0E1418;
  --ters-vurgu: #22409A;
  --isi1: #212D3D;
  --isi2: #304160;
  --isi3: #415887;
  --isi4: #5471B2;
  --isi5: #6A8EE5;
  --isi-y1: #E5ECEF;
  --isi-y2: #E5ECEF;
  --isi-y3: #E5ECEF;
  --isi-y4: #FFFFFF;
  --isi-y5: #0E1418;
  --iyi: #57C795;
  --iyi-zemin: #14301F;
  --uyari: #EDB45C;
  --uyari-zemin: #3A2A10;
  --kritik: #F5767F;
  --kritik-zemin: #3D1A1D;
  --kritik-ustu: #0E1418;
  --ters-bg: #EDF0F1;
  --ters-bg-2: #FFFFFF;
  --ters-metin: #13202A;
  --ters-metin2: #475663;
  --ters-iyi: #1C7449;
  --ters-uyari: #99590A;
  --ters-kritik: #B3232F;
  --golge: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px -12px rgb(0 0 0 / .6);
  --golge-buyuk: 0 32px 80px -24px rgb(0 0 0 / .75), 0 2px 8px -2px rgb(0 0 0 / .4);
  --perde: rgb(4 7 9 / .62);
  --grafik-5: #A5538A;
  --grafik-alan: .14;
}