/*
 * deck tema token'ları — TEK tasarım dili (hq/contracts/panel-gorunum.md). Görünüm: «Kontrol Odası»
 * (hq decisions/2026-10-15-ops-gorunum-kontrol-odasi.md): grafit zemin, tek kehribar vurgu, IBM Plex.
 * Token ADLARI ve anlamları sözleşmede; DEĞERLER burada (deck'in ürün kimliği). Sır/kimlik taşımaz;
 * statik ve önbelleklenebilir: /_deck/tema.css. Yazı dosyaları ayrı: /_deck/fontlar.css (opsiyonel; yoksa yedek aileler).
 *
 * Şema: [data-theme="light"] / [data-theme="dark"] (panel ?theme=dark|light ile köke uygular —
 * panel-gomme.md §5). Şema verilmemişse işletim sistemi tercihi izlenir. Tasarım koyu öncelikli.
 * Tüketici kuralı (sözleşme §3): her kullanım fallback'li — var(--deck-x, <panelin varsayılanı>).
 *
 * Kontrast (WCAG 2.x, ölçüm tema.test.ts'te; metin eşiği 4.5:1, sınır/odak 3:1):
 *   koyu : metin/zemin 16.14 · metin/yüzey 15.18 · metin-2 7.63/7.17 · metin-3 5.28/4.97 · vurgu 9.37/8.81 ·
 *          başarı 8.80/8.27 · uyarı 9.37/8.81 · hata 6.17/5.80 · bilgi 8.15/7.67 · kenar-2 3.30/3.10
 *   açık : metin/zemin 16.64 · metin/yüzey 18.31 · metin-2 6.17/6.79 · metin-3 5.06/5.57 · vurgu 4.82/5.31 ·
 *          başarı 5.17/5.69 · uyarı 4.82/5.31 · hata 5.97/6.57 · bilgi 5.88/6.47 · kenar-2 3.05/3.36
 *   vurgu-metin/vurgu (şart, hq#57): koyu 9.37 · açık 5.31
 * --deck-kenar yalnız ayırıcıdır; girdi/kontrol sınırı --deck-kenar-2'dir (≥ 3:1).
 */

:root {
  --deck-v: 2;

  --deck-yazi: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --deck-yazi-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, Consolas, monospace;
  --deck-yazi-dar: "IBM Plex Sans Condensed", "IBM Plex Sans", "Arial Narrow", system-ui, sans-serif;
  --deck-olcek-xs: 0.71875rem;
  --deck-olcek-s: 0.8125rem;
  --deck-olcek-m: 0.875rem;
  --deck-olcek-l: 1rem;
  --deck-olcek-xl: 1.5rem;
  --deck-olcek-xxl: 1.875rem;

  --deck-yaricap: 6px;
  --deck-bosluk-1: 0.25rem;
  --deck-bosluk-2: 0.5rem;
  --deck-bosluk-3: 1rem;
  --deck-bosluk-4: 1.5rem;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --deck-zemin: #f3f4f6;
  --deck-yuzey: #ffffff;
  --deck-yuzey-2: #f6f7f9;
  --deck-kenar: #dde1e7;
  --deck-kenar-2: #848d9a;
  --deck-metin: #11151b;
  --deck-metin-2: #525c69;
  --deck-metin-3: #5f6976;
  --deck-vurgu: #a3580a;
  --deck-vurgu-metin: #ffffff;
  --deck-basari: #067647;
  --deck-uyari: #a3580a;
  --deck-hata: #b42318;
  --deck-bilgi: #2457c5;
  --deck-odak: #a3580a;
}

/* Şema verilmemişse işletim sistemi koyu tercih ediyorsa — değerler [data-theme="dark"] ile AYNI (test). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --deck-zemin: #0b0d10;
    --deck-yuzey: #12151a;
    --deck-yuzey-2: #171b21;
    --deck-kenar: #232830;
    --deck-kenar-2: #5c6573;
    --deck-metin: #e8eaed;
    --deck-metin-2: #9aa3af;
    --deck-metin-3: #7d8693;
    --deck-vurgu: #f3a33a;
    --deck-vurgu-metin: #0b0d10;
    --deck-basari: #45c486;
    --deck-uyari: #f3a33a;
    --deck-hata: #f0635f;
    --deck-bilgi: #7aa7ff;
    --deck-odak: #f3a33a;
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --deck-zemin: #0b0d10;
  --deck-yuzey: #12151a;
  --deck-yuzey-2: #171b21;
  --deck-kenar: #232830;
  --deck-kenar-2: #5c6573;
  --deck-metin: #e8eaed;
  --deck-metin-2: #9aa3af;
  --deck-metin-3: #7d8693;
  --deck-vurgu: #f3a33a;
  --deck-vurgu-metin: #0b0d10;
  --deck-basari: #45c486;
  --deck-uyari: #f3a33a;
  --deck-hata: #f0635f;
  --deck-bilgi: #7aa7ff;
  --deck-odak: #f3a33a;
}