/* ═══════════════════════════════════════════════════════════════════════════
   HEIMDALL — paylaşılan tema katmanı (self-host font + standart token'lar).
   Her sayfanın inline <style>'ından SONRA yüklenir (</head> öncesi <link>) →
   :root token override'ları ve html/body kuralları kazanır. Tek kaynak: burada
   değiştir, 19 sayfada yansır. Türkçe metin / route / JS mantığı DEĞİŞMEZ.
   ─── FAZ 1: font (Inter+Source Serif 4, latin+latin-ext, self-host, swap) +
       kontrast (--accent-bg buton dolgusu AA, --muted AA). ═════════════════ */

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Değişken font: 600/700 (ve serif 600) dosyaları 400 ile BAYT-AYNI → aynı URL = tek indirme (ağırlık descriptor'ları aynen; eski dosyalar silinmez) */
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/source-serif-4-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/source-serif-4-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/source-serif-4-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/source-serif-4-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  /* FAZ 1.1 — self-host font aileleri (token'a bağlı; stack tek yerde) */
  --font-ui:   'Inter', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-read: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  /* FAZ 1.2 — buton DOLGU zemini: beyaz metinle WCAG AA (≥4.5:1).
     Eski #5B8CFF=3.16:1 (AA altı). #3366DD≈5.1:1. --accent (metin/kenarlık, koyu zeminde 6.16:1) DOKUNULMADI. */
  --accent-bg: #3366DD;
  /* FAZ 1.3 — --muted: --bg üstünde 4.09:1 idi (AA altı) + --s3 üstünde 3.31:1.
     #868EA0 → --bg üstünde ~5.9:1, --s3 üstünde ~4.8:1 (ikisi de AA). */
  --muted: #868EA0;

  /* FAZ 2.1 — tipografi ölçeği (7 arayüz basamağı + editoryal/teşhir ayrı) */
  --fs-xs:   11px;   /* rozet · üst-etiket · meta */
  --fs-sm:   12px;   /* ikincil meta · yardımcı metin */
  --fs-base: 13px;   /* liste satırı · buton · arayüz varsayılanı */
  --fs-md:   14px;   /* gövde metni (en çok kullanılan) */
  --fs-lg:   16px;   /* kart başlığı */
  --fs-xl:   20px;   /* bölüm başlığı */
  --fs-2xl:  28px;   /* sayfa başlığı */
  --fs-display-sm: 52px;   /* İstatistik/teşhir */
  --fs-display-md: 96px;   /* Gazeteler tarih kartı */
  --fs-display-lg: 230px;  /* Heimdall logo/tipografi */

  /* FAZ 2.3 — köşe yarıçapı (4 basamak; --r/--r-md mevcut token'lar, --r-md 10→12) */
  --r-sm:   6px;    /* rozet · çip · küçük buton */
  --r:      8px;    /* buton · input */
  --r-md:   12px;   /* kart · panel */
  --r-full: 999px;  /* pill · avatar */
}
/* FAZ 1.3b — açık tema --muted: yukarıdaki :root sayfaların inline [data-theme="light"] değerini eziyordu
   (#868EA0 beyazda 3.3:1). #5F6878 → beyazda ~5.6:1, #EEF1F6 üstünde ~5.0:1 (AA). Koyu tema değişmez. */
[data-theme="light"]{ --muted: #5F6878; }

/* Uygulama geneli arayüz fontu (inline body stack'ini override eder → Times New Roman'a düşmez) */
html, body{ font-family: var(--font-ui); }

/* FAZ 5.3 — görünür klavye odağı (TÜM interaktif öğeler). :focus-visible → yalnız klavye/Tab'da çıkar,
   fare tıklamasında çıkmaz (görsel gürültü yok). outline layout'u etkilemez → güvenli, app geneli tek kaynak. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible,
[tabindex]:focus-visible, [role="button"]:focus-visible, [contenteditable]:focus-visible, summary:focus-visible {
  outline: 2px solid var(--accent-ink, var(--accent, #5B8CFF));   /* açık temada #5B8CFF halka zeminde 2.7:1 idi → koyu ton ≥3:1 */
  outline-offset: 2px;
  border-radius: 3px;
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto; } }
/* Sayfa-özel odak kuralları (outline:… var(--accent)) açık temada da ≥3:1 halka versin: yalnız RENGİ koyulaştır (kalınlık/stil sayfanın) */
[data-theme="light"] :focus-visible{ outline-color: var(--accent-ink, #2B59C3); }

/* ═══ FAZ 6 — ERİŞİLEBİLİRLİK (erişilebilirlik-1/2/3/9, 2026-10) ═══════════════════════════════════════════════
   (a) --accent-ink = vurgu RENKLİ YAZI tonu. Koyu: #5B8CFF (değişmez). Açık: #2B59C3 (--accent-bg ailesinin koyu tonu) →
       beyazda 6.3:1, --accent-soft üstünde 5.5:1, --sel üstünde 5.4:1. Dolgu/kenarlık --accent/--accent-bg olarak KALIR (tek vurgu).
   (b) Açık temada durum renkleri: koyu temanın neon tonları (#22C55E 1.9:1, #FFB224 1.6:1, #E5484D 3.4:1) açık zeminde okunmuyordu.
       Değerler beyaz + #EEF1F6 + kendi %12-18'lik tint zeminlerinde ≥4.5:1 (metin) — rgba tint zeminleri aynen kalır.
   (c) DAİMA KOYU yüzeyler (video sahnesi, lightbox, foto editörü, ekran koruyucu) koyu-tema tonlarını korur.
   Her sayfa kendi :root'unu taşır; bu dosya inline stillerden SONRA yüklendiği için buradaki değerler kazanır. */
:root{ --accent-ink:#5B8CFF; }
[data-theme="light"]{
  --accent-ink:#2B59C3;
  --ok:#137333; --warn:#A35200; --err:#B42318;
  --acil:#A35200; --ozel:#7B3FB8; --new:#15803D; --flas:#C2333A;
}
[data-theme="light"] :is(.meet-stage, .lb, .imglb, .pedit, .arlb, .saver){
  --accent-ink:#5B8CFF; --ok:#22C55E; --warn:#FFB224; --err:#E5484D; --acil:#FFB224; --ozel:#8E4EC6; --new:#22C55E; --flas:#E5484D;
}
/* Seçili süzgeç / sekme: açık temada #5B8CFF yazı accent-soft üstünde 2.7:1 idi → --accent-ink. Durum yalnız renkle anlatılmasın:
   seçili öğe kenarını İÇTEN 1px kalınlaştırır (2px vurgu kenarı; seçilmemişler 1px nötr) — gri tonlamada da ayırt edilir.
   Liste tipi gezinme öğeleri (Dış Kaynaklar) sol vurgu çubuğu alır (Yönetim menüsü / Havuz kategorileri ile aynı dil). */
.lseg button.on, .lselbtn.on, .seg-toggle.on, .pseg button.on, .pquick button.on, .ddbtn.act, .datebtn.on,
.psize button.on, .ab-chip.on, #rxSrcBtn.on, #rxCatBtn.on, .feedfilters #asgnav .agitem.on,
.wp-szseg button.on, .favtgl.act, .selbtn.act, .slabel .b.act{
  box-shadow: inset 0 0 0 1px var(--accent-ink);
}
.sitem.on{ box-shadow: inset 3px 0 0 var(--accent-ink); }
.snav.cat .sitem.on{ box-shadow: inset 3px 0 0 var(--teal, var(--accent-ink)); }
.catbar .snav.cat .sitem.on{ box-shadow: inset 0 0 0 1px var(--teal, var(--accent-ink)); }
/* (:is() KULLANILMADI — listedeki bir #id tüm seçicilerin özgüllüğünü şişirip sayfa kurallarını, ör. Dış Kaynaklar kategori teal'ini, ezerdi) */
[data-theme="light"] .lseg button.on, [data-theme="light"] .lselbtn.on, [data-theme="light"] .seg-toggle.on,
[data-theme="light"] .pseg button.on, [data-theme="light"] .ddbtn.act, [data-theme="light"] .datebtn.on,
[data-theme="light"] .psize button.on, [data-theme="light"] .ab-chip.on, [data-theme="light"] .land-edit.on,
[data-theme="light"] #rxSrcBtn.on, [data-theme="light"] #rxCatBtn.on, [data-theme="light"] .datepop .preset.on,
[data-theme="light"] .agtree .agrp-ext .xcnt, [data-theme="light"] .ndw.mine, [data-theme="light"] .pfil-clr,
[data-theme="light"] .navrow.on .ic, [data-theme="light"] #frPanel .fr-btn.act, [data-theme="light"] .am-seg-b.on,
[data-theme="light"] .qc-pg.has, [data-theme="light"] .qc-file .mine, [data-theme="light"] .doc-meta .dm-sel,
[data-theme="light"] .ai-selnote b, [data-theme="light"] body.list-collapsed .ltgl, [data-theme="light"] .wp-szseg button.on,
[data-theme="light"] .navitem.active, [data-theme="light"] .sitem.on, [data-theme="light"] .sitem.on .cnt,
[data-theme="light"] .slabel .b.act, [data-theme="light"] .rd-ic.on, [data-theme="light"] .favtgl.act,
[data-theme="light"] .selbtn.act, [data-theme="light"] .item.on .hash, [data-theme="light"] .quote .q-who,
[data-theme="light"] .bell.on, [data-theme="light"] .pcard-a button.take:hover, [data-theme="light"] .replybar:not(.editbar) .rb-who,
[data-theme="light"] .tick.rd{ color: var(--accent-ink); }
/* Ajans rengiyle boyanan küçük yazılar (Medya ajans etiketi, seçili ajans grubunun sayaçları): açık temada ajans rengi
   beyazda 3.2:1'e düşebiliyordu → aynı rengin %68'i + siyah (ton korunur, ≥4.5:1). */
[data-theme="light"] .ph .ag,
[data-theme="light"] .agtree .agrp.sel .agitem .cnt{ color: color-mix(in srgb, var(--ac, var(--accent)) 68%, #000); }
[data-theme="dark"] .agtree .agrp.sel .agitem .cnt{ color: color-mix(in srgb, var(--ac, var(--accent)) 80%, #fff); }   /* koyu: ajans tintli zeminde 4.3:1 idi */
[data-theme="light"] .pinbar .pb-who{ color: color-mix(in srgb, var(--gold, #B89E6E) 55%, #000); }   /* Mesajlar sabit şeridi: altın ad açık zeminde 2.2:1 idi */
/* Koyu temada kırmızı tint zemin üstündeki küçük DURUM yazıları (Havuz "boş"/"uzun süredir alınmış", Yönetim geri bildirim sayacı) 3.9-4.4:1 idi →
   yalnız YAZI açık kırmızı (dolgu/kenar --err olarak kalır; beyaz yazılı kırmızı dolgular etkilenmez) */
[data-theme="dark"] .pfull.empty, [data-theme="dark"] .wpool-full.empty, [data-theme="dark"] .pcard-m .pm.warn, [data-theme="dark"] .navitem .nb.err,
[data-theme="dark"] .pcard-a .lock.long, [data-theme="dark"] .wpool-lock.long{ color: #FF6B70; }   /* kilit sahibi adı (≥120 dk): 4.4:1 idi */
/* Açık temada DURUM çiplerinin renkli kenarı neon rgba idi (beyazda 1.2-1.5:1) → kenar da koyu durum tonundan (%80 → ≥3:1);
   zemin tint'i ve yazı rengi aynen (yazı zaten ≥4.5:1). Koyu tema değişmez. */
[data-theme="light"] .wpool-st.alindi, [data-theme="light"] .wpool-st.stale, [data-theme="light"] .qc-stale{ border-color: color-mix(in srgb, var(--warn) 80%, transparent); }
[data-theme="light"] .wpool-st.sayfaya_gonderildi, [data-theme="light"] .wf-asg.mine{ border-color: color-mix(in srgb, var(--ok) 80%, transparent); }