/* bt tema katmanı. tema.css (renk rolleri --o-*), olcu.css (ölçü) ve zemin.css'ten SONRA yüklenir.
   Bt'nin eski değişkenlerini kılavuz rollerine bağlar: sayfa yeniden yazılmadan kılavuz rengini alır.
   Özgüllük html[data-tema] (0,1,1): sayfaların kendi :root{--bg:..} tanımını ezer. */
html[data-tema]{
  --bg:var(--o-zemin);--panel:var(--o-yuzey);--panel2:var(--o-yuzey-2);--inset:var(--o-kabuk);
  --line:var(--o-cizgi);--line2:var(--o-cizgi-guclu);
  --ink:var(--o-metin);--muted:var(--o-metin-2);--faint:var(--o-metin-3);
  --good:var(--o-basari);--info:var(--o-bilgi);
  /* ince çizgi/parlama: koyuda beyaz, açıkta koyu mürekkep */
  --bt-ince:color-mix(in srgb,var(--o-metin) 10%,transparent);
  --bt-ince-2:color-mix(in srgb,var(--o-metin) 16%,transparent);
  --bt-cam:color-mix(in srgb,var(--o-kabuk) 92%,transparent);
  --bt-vurgu:var(--o-vurgu);
  background:var(--o-zemin);color:var(--o-metin);
}
html[data-tema="acik"]{--r-ok:24,121,82;--r-warn:144,99,10;--r-bad:186,56,56}
/* Zemin: html'in rengi + alternatif zemin (doku / ışık). Sayfa gövdesi şeffaf kalır, kartlar kendi opak yüzeyini taşır. */
html[data-zemin]{background:var(--o-zemin-resim),var(--o-zemin)}
html[data-zemin] body{background:transparent}
html[data-zemin="alt"]{--bg:var(--o-zemin)}
/* Filigran (sağ alt OI): html sağ alt köşe, sabit */
html[data-filigran]::after{content:"";position:fixed;right:0;bottom:0;width:calc(var(--f,240px) * .853);height:calc(var(--f,240px) * .553);--f:clamp(170px,24vw,300px);
  background:var(--o-filigran) 0 0/var(--f) calc(var(--f) * .667) no-repeat;pointer-events:none;z-index:0}
/* Dokunma hedefi en az 44px (düğme, bağlantı, menü) */
:root{--bt-dokunma:44px}