/* ÜRETİLDİ — elle düzenlemeyin; kaynak: tasarim/tokens.css · tools/build_web_assets.py */
/* ‹Ürün› (SenSight ailesi) · CBAM — tasarım belirteçleri, TEK KAYNAK (19.10.2026)
   Uygulama (Paket 8) ekranlarını buradan kurar. Tuvaldeki tahtalar aynı değerleri
   kaynak/cbam.css içindeki .th / .th.dark sınıflarıyla kullanır; değer değişirse İKİSİ birlikte değişir.

   Tema seçimi üç durumludur (SenSight §30):
     · html[data-theme="light"] — kullanıcı açık seçti
     · html[data-theme="dark"]  — kullanıcı koyu seçti
     · işaret yok               — işletim sisteminin tercihi
   Bu yüzden koyu blok İKİ KEZ yazılır: bir kez prefers-color-scheme altında :not([data-theme="light"])
   korumasıyla, bir kez de açık seçim için.

   Koyu temada kart/alan kenarı için iki öneri var (Tayfun seçecek; seçilmeyen silinir):
     · html[data-cerceve="a"] — renkli çerçeve + renkli etiket   (varsayılan)
     · html[data-cerceve="b"] — gölgeli, ışıklı kenar
*/

:root {
  /* Yazı */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-xs: 12px;    /* rozet */
  --fs-sm: 13.5px;  /* ipucu, etiket */
  --fs-md: 15px;    /* gövde */
  --fs-lg: 16px;    /* giriş cümlesi, tablet gövdesi */
  --fs-h2: 18px;
  --fs-h1: 26px;
  --fs-big: 56px;   /* tek büyük sayı */
  --fw-reg: 400; --fw-med: 500; --fw-semi: 600; --fw-bold: 700; --fw-heavy: 800;
  --lh: 1.45;
  --num: tabular-nums;          /* sayı sütunları: font-variant-numeric: var(--num) */

  /* Boşluk ve biçim */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 28px;
  --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-pill: 999px;
  --tap: 48px;      /* masaüstü dokunma hedefi */
  --tap-lg: 56px;   /* tablet / saha (eldiven) */
  --tap-xl: 68px;   /* telefonda sayı girişi ve Kaydet */
  --rail-w: 64px;   /* telefonda kenar şeridi */
  --side-w: 248px;  /* masaüstü menü */

  /* Marka */
  --sight-red: #e53935;         /* YALNIZ kelime işareti; hata rengi DEĞİL */

  /* Açık tema — anlamsal */
  --bg: #F4F6F8; --surface: #FFFFFF; --surface-2: #F0F2F5; --surface-3: #E6E9EE;
  --ink: #14181F; --ink-2: #464F5C; --ink-3: #6B7480;
  --line: #DCE0E6; --line-strong: #C3C9D2;
  --primary: #0E5E78; --primary-h: #0A4A5F; --primary-ink: #FFFFFF; --primary-soft: #E2F1F6; --primary-soft-ink: #0A4A5F;
  --ok: #15803D; --ok-soft: #DCFCE7; --ok-ink: #14532D;
  --warn: #B45309; --warn-soft: #FEF3C7; --warn-ink: #78350F;
  --err: #B91C1C; --err-soft: #FEE2E2; --err-ink: #7F1D1D;
  --info: #1D4ED8; --info-soft: #DBEAFE; --info-ink: #1E3A8A;
  /* Kaynak rozetleri (renk + simge birlikte) */
  --src-auto: #0F766E; --src-auto-soft: #CCFBF1;   /* otomatik · sinyal */
  --src-hand: #9A3412; --src-hand-soft: #FFEDD5;   /* elle · kalem */
  --src-file: #4338CA; --src-file-soft: #E0E7FF;   /* dosya · tablo */
  /* Karbon dengesi */
  --in: #0E7490;   /* giren */
  --out: #7C3AED;  /* çıkan */
  /* Bileşen kenarları */
  --card-bd: var(--line); --field-bd: var(--line-strong); --label: var(--ink-2);
  --card-sh: 0 1px 2px rgba(16, 24, 40, .06);
  --focus-ring: 0 0 0 3px var(--primary-soft);
}

/* Koyu tema — sistem tercihi (kullanıcı açık seçmediyse) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0D1117; --surface: #161B22; --surface-2: #1C232C; --surface-3: #252E39;
    --ink: #E8ECF1; --ink-2: #B4BDC9; --ink-3: #8C96A3;
    --line: #2A333E; --line-strong: #3A4552;
    --primary: #38BDF8; --primary-h: #7DD3FC; --primary-ink: #04121A; --primary-soft: #0B2A3A; --primary-soft-ink: #BAE6FD;
    --ok: #4ADE80; --ok-soft: #0F2A1B; --ok-ink: #BBF7D0;
    --warn: #FBBF24; --warn-soft: #2D2210; --warn-ink: #FDE68A;
    --err: #F87171; --err-soft: #2C1414; --err-ink: #FECACA;
    --info: #60A5FA; --info-soft: #132440; --info-ink: #BFDBFE;
    --src-auto: #5EEAD4; --src-auto-soft: #0F2E2B;
    --src-hand: #FDBA74; --src-hand-soft: #33200F;
    --src-file: #A5B4FC; --src-file-soft: #1E2148;
    --in: #22D3EE; --out: #C4B5FD;
    --card-sh: none;
    /* Öneri A (varsayılan) */
    --card-bd: #24526A; --field-bd: #2F6A88; --label: #9FD8F2;
  }
  :root:not([data-theme="light"])[data-cerceve="b"] {
    --card-bd: rgba(255, 255, 255, .09); --field-bd: rgba(255, 255, 255, .16); --label: var(--ink-2);
    --card-sh: 0 0 0 1px rgba(56, 189, 248, .10), 0 8px 24px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);
  }
}

/* Koyu tema — açık seçim */
:root[data-theme="dark"] {
  --bg: #0D1117; --surface: #161B22; --surface-2: #1C232C; --surface-3: #252E39;
  --ink: #E8ECF1; --ink-2: #B4BDC9; --ink-3: #8C96A3;
  --line: #2A333E; --line-strong: #3A4552;
  --primary: #38BDF8; --primary-h: #7DD3FC; --primary-ink: #04121A; --primary-soft: #0B2A3A; --primary-soft-ink: #BAE6FD;
  --ok: #4ADE80; --ok-soft: #0F2A1B; --ok-ink: #BBF7D0;
  --warn: #FBBF24; --warn-soft: #2D2210; --warn-ink: #FDE68A;
  --err: #F87171; --err-soft: #2C1414; --err-ink: #FECACA;
  --info: #60A5FA; --info-soft: #132440; --info-ink: #BFDBFE;
  --src-auto: #5EEAD4; --src-auto-soft: #0F2E2B;
  --src-hand: #FDBA74; --src-hand-soft: #33200F;
  --src-file: #A5B4FC; --src-file-soft: #1E2148;
  --in: #22D3EE; --out: #C4B5FD;
  --card-sh: none;
  --card-bd: #24526A; --field-bd: #2F6A88; --label: #9FD8F2;
}
:root[data-theme="dark"][data-cerceve="b"] {
  --card-bd: rgba(255, 255, 255, .09); --field-bd: rgba(255, 255, 255, .16); --label: var(--ink-2);
  --card-sh: 0 0 0 1px rgba(56, 189, 248, .10), 0 8px 24px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);
}

/* PDF ve basılı çıktı tema izlemez: her zaman açık değerler (doğrulayıcıya giden kâğıt her kurulumda aynı). */
@media print {
  :root, :root[data-theme="dark"] { --bg: #FFFFFF; --surface: #FFFFFF; --ink: #14181F; --ink-2: #464F5C; --line: #DCE0E6; --card-sh: none; }
}