/* Worker teması: Peak Agency kimliği (Saltuk, 4 Ekim 2026: "worker'ı yeni kimliğe göre değiş").
   Kaynak: Peak Agency marka kimliği v1, arayüz kiti (tema ve token eşleme dosyaları).
   Renk: kobalt #1E50FF → buz mavisi #7FD4FF, siyah #0A0A0A, beyaz. Yazı: Geist (gövde ve başlık), vurgu kelimesinde
   DM Serif Display italik. Yazı dosyaları uygulamaya gömülü (statik/geist.ttf, statik/dmserif-italik.ttf; ağdan çekilmez).
   Koyu yüzde kobalt küçük metinde okunmaz (3,44 : 1): dolgu `--vurgu`, metin `--vurgu-metin` (buz mavisi).
   Önceki görünüş (Peak panelinin "sistem" paleti) git geçmişinde.

   Renk ve yazı seçimi yalnız bu dosyadadır; stil.css içinde renk kodu ya da yazı tipi adı yoktur. */
@font-face { font-family: "Geist"; src: url("/statik/geist.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Serif Display"; src: url("/statik/dmserif-italik.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  /* yazı (Peak Agency kimliği) */
  --font-govde: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-baslik: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-vurgu: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-veri: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* boy merdiveni (panelle aynı basamaklar) */
  --boy-govde: 15px;        /* body 15px/1.55 */
  --satir-govde: 1.55;
  --boy-h1: 34px;           /* h1.dev 700 34px/1.12, -.025em (sayfa başlığı) */
  --boy-h2: 20px;           /* h2 650 20px/1.25, -.015em */
  --boy-h3: 16px;           /* h3 600 16px/1.3 */
  --boy-lede: 16px;         /* .lede 16px/1.5 */
  --boy-kucuk: 13px;        /* .kucuk */
  --boy-tablo: 13.5px;      /* .veri td */
  --boy-tablo-bas: 12px;    /* .veri th */
  --boy-etiket: 11.5px;     /* .ust-etiket, .rozet */
  --boy-rakam: 28px;        /* .rakam .d 700 28px/1.1 */
  --boy-dugme: 13.5px;      /* .dug */
  --boy-menu: 14px;         /* .ana-menu a */
  --boy-logo: 18px;         /* .logo */

  /* Peak Agency paleti, açık */
  --zemin: #F6F7FA;
  --yuzey: #FFFFFF;
  --yuzey2: #EEF0F5;
  --cizgi: #E6E8EE;
  --cizgi2: #CDD1DB;
  --metin: #0A0A0A;
  --metin2: #2B2E38;
  --soluk: #5B6070;
  --vurgu: #1E50FF;
  --vurgu-ust: #FFFFFF;
  --vurgu-metin: #1E50FF;
  --isaret: url("/statik/isaret-acik.svg");
  --iyi: #1E7A3C;
  --orta: #8A5A00;
  --kotu: #C0271D;
  color-scheme: light;

  /* biçim ve hareket */
  --r: 14px;                /* kart köşesi */
  --r-ic: 10px;             /* kart içi kutu (.kunye-oge) */
  --r-alan: 10px;           /* giriş alanı */
  --r-hap: 999px;           /* düğme ve rozet */
  --yay: cubic-bezier(.2, .8, .2, 1);
  --yay-sekme: cubic-bezier(.3, 1.3, .5, 1);
  --sure-kisa: .15s;        /* düğmeye basma */
  --sure: .2s;              /* zemin ve renk geçişi, sayfa girişi */
  --sure-kart: .25s;        /* kart yükselmesi */
  --sure-ac: .3s;           /* açılan ayrıntı */
  --ust-yukseklik: 56px;
  --sayfa-en: 1120px;
  --sayfa-kenar: 48px;
}

/* Koyu görünüm. Üç hâl (paneldeki görünüm tuşuyla aynı, style.css 128 ve 196):
   - seçim yok ("sistem"): Mac'in ayarını izler
   - data-mod="acik": Mac koyu olsa da açık
   - data-mod="koyu": Mac açık olsa da koyu
   İki blok aynı değerleri taşır; birini değiştirirsen öbürünü de değiştir (testler/test_gorunum.py karşılaştırır). */
@media (prefers-color-scheme: dark) {
  :root:not([data-mod="acik"]) {
    --zemin: #0A0A0A;
    --yuzey: #15161A;
    --yuzey2: #1E2026;
    --cizgi: #26282F;
    --cizgi2: #3A3D47;
    --metin: #FFFFFF;
    --metin2: #D5D8E0;
    --soluk: #A3A8B4;
    --vurgu: #1E50FF;
    --vurgu-ust: #FFFFFF;
    --vurgu-metin: #7FD4FF;
    --isaret: url("/statik/isaret-koyu.svg");
    --iyi: #5ED38A;
    --orta: #FFB547;
    --kotu: #FF7B72;
    color-scheme: dark;
  }
}
:root[data-mod="koyu"] {
  --zemin: #0A0A0A;
  --yuzey: #15161A;
  --yuzey2: #1E2026;
  --cizgi: #26282F;
  --cizgi2: #3A3D47;
  --metin: #FFFFFF;
  --metin2: #D5D8E0;
  --soluk: #A3A8B4;
  --vurgu: #1E50FF;
  --vurgu-ust: #FFFFFF;
  --vurgu-metin: #7FD4FF;
  --isaret: url("/statik/isaret-koyu.svg");
  --iyi: #5ED38A;
  --orta: #FFB547;
  --kotu: #FF7B72;
  color-scheme: dark;
}

:root {
  /* türetilmiş roller (panelle aynı karışımlar) */
  --vurgu-acik: color-mix(in srgb, var(--vurgu) 13%, var(--yuzey));
  --kirmizi-acik: color-mix(in srgb, var(--kotu) 12%, var(--yuzey));
  --amber-acik: color-mix(in srgb, var(--orta) 14%, var(--yuzey));
  --iyi-acik: color-mix(in srgb, var(--iyi) 12%, var(--yuzey));   /* panelde yok; aynı kalıpla türetildi */
  --bas-zemin: color-mix(in srgb, var(--zemin) 72%, transparent);
  --bas-cizgi: color-mix(in srgb, var(--cizgi) 60%, transparent);
  --satir-ustu: color-mix(in srgb, var(--vurgu) 5%, var(--yuzey));
  --golge: 0 1px 2px color-mix(in srgb, var(--metin) 5%, transparent), 0 8px 28px color-mix(in srgb, var(--metin) 7%, transparent);
  --odak-rengi: color-mix(in srgb, var(--vurgu-metin) 60%, transparent);
  --perde: color-mix(in srgb, #000000 38%, transparent);    /* açılan pencerenin arkası */
  --golge-pencere: 0 30px 80px color-mix(in srgb, #000000 25%, transparent);   /* panel: .komut-kap */

  /* Worker'ın anlam adları → panelin durum renkleri. Renk yalnız anlam taşır:
     risk = para ya da müşteri riski · saat = saat işliyor · iyi = bitti. */
  --risk: var(--kotu);
  --risk-zemin: var(--kirmizi-acik);
  --saat: var(--orta);
  --saat-zemin: var(--amber-acik);
  --iyi-zemin: var(--iyi-acik);
}

/* Baskı (tur 8, B9): yazdırılan rapor her zaman açık renklidir; koyu görünümde de siyah yazı, beyaz zemin.
   Bu bölüm en sonda durur ve görünüm seçimini (data-mod) ezer. */
@media print {
  html:root, html:root[data-mod="koyu"], html:root:not([data-mod="acik"]) {
    color-scheme: light;
    --zemin: #FFFFFF; --yuzey: #FFFFFF; --yuzey2: #F2F2F2; --cizgi: #BBBBBB; --cizgi2: #888888;
    --metin: #000000; --metin2: #222222; --soluk: #444444;
    --iyi: #000000; --orta: #000000; --kotu: #000000; --risk: #000000; --saat: #000000; --vurgu-metin: #000000;
    --golge: none; --golge-pencere: none;
  }
}