/* Seturack · tokens.css — sahibi T03 (tasarım §2.2; docs/tasarim-sistemi.md §2 — v3 tokenları BİREBİR).
   Kural: renk hex'i YALNIZ bu dosyada (lint `hex`). bridge/components/features yalnız var(--c-*) okur.
   v3'ten fark: `.dark` → `:root[data-bs-theme=dark]` (özgüllük 0,2,0: satır içi `:root{--wstyle-primary…}` ve WStyle'ın
   `[data-bs-theme=dark]` bloklarını kaynak sırasından bağımsız yener — tasarım §2.2); Tailwind'e özgü `@custom-variant` /
   `@theme inline` / `--color-*: initial` satırları yok. Token adları v3 ile aynı (`--c-*`, `--sh-*`): v3 dokümanı, kontrast
   tablosu ve modül CSS'i aynı adı konuşur.
   v5 ekleri (v3'te yoktu, gerekçeli):
     --c-white ........ birincil buton/rozet metni (`bg-brand` üstüne yalnız beyaz — §2.1)
     --c-on-ok ........ `.btn-success` metni: koyu modda ok dolgusu açık yeşil, beyaz metin AA'yı geçmez
     --c-scrim ........ modal arka örtüsü (`bg-black/40`, §3.7); blur yok
     --c-*-rgb ........ Bootstrap 5.3 `rgba(var(--bs-*-rgb), …)` yardımcıları için üçlüler; hex ile eşitliğini
                        v5/dev/contrast-table.mjs denetler (sapma = kırmızı). `--c-on-navy-2-rgb`: koyu modda
                        --wstyle-secondary-rgb (bridge.css; T03 düzeltme turu)
   Değiştirmeden önce: docs/tasarim-sistemi.md §2 + `node v5/dev/contrast-table.mjs <bu dosya>` (açık + koyu AA). */

:root {
  --c-canvas:#f3f5f7;  --c-surface:#ffffff; --c-surface-2:#f8fafc; --c-surface-3:#eaeef2;
  --c-line:#dde3e8;    --c-line-strong:#acb6be; --c-line-input:#7f8b95;
  --c-ink:#131f29;     --c-ink-2:#46515b;  --c-ink-3:#5f6a75;  --c-ink-4:#838e97;
  --c-brand:#d82a47;   --c-brand-hover:#c1002f; --c-brand-text:#c1002f; --c-brand-soft:#fdeef0; --c-brand-line:#f4b6c0; --c-brand-inv:#ff8a98;
  --c-navy:#131f29;    --c-navy-2:#1b2a36; --c-navy-3:#24343f; --c-navy-line:#28394a;
  --c-on-navy:#f0f4f7; --c-on-navy-2:#a9b6c0; --c-on-navy-3:#8593a0;
  --c-ok:#00722f;      --c-ok-soft:#e4f5ea;   --c-ok-inv:#65d683;
  --c-warn:#8d4300;    --c-warn-soft:#fff1dc; --c-warn-inv:#f8a800;
  --c-info:#005da5;    --c-info-soft:#e6f0fa;
  --c-danger:#c1002f;  --c-danger-soft:#fdeef0;
  --c-focus:#d82a47;
  --c-white:#ffffff;   --c-on-ok:#ffffff;
  --c-scrim: rgba(0, 0, 0, .4);

  /* Bootstrap rgba() yardımcıları için üçlüler (hex ile birebir; contrast-table.mjs denetler) */
  --c-canvas-rgb: 243, 245, 247;  --c-surface-rgb: 255, 255, 255;
  --c-surface-2-rgb: 248, 250, 252; --c-surface-3-rgb: 234, 238, 242;
  --c-ink-rgb: 19, 31, 41;        --c-ink-2-rgb: 70, 81, 91;
  --c-brand-rgb: 216, 42, 71;     --c-brand-text-rgb: 193, 0, 47;
  --c-navy-rgb: 19, 31, 41;      --c-on-navy-2-rgb: 169, 182, 192;
  --c-ok-rgb: 0, 114, 47;         --c-warn-rgb: 141, 67, 0;
  --c-info-rgb: 0, 93, 165;       --c-danger-rgb: 193, 0, 47;

  --sh-card: 0 1px 2px rgba(19, 31, 41, .06), 0 1px 1px rgba(19, 31, 41, .03);
  --sh-pop: 0 8px 24px rgba(19, 31, 41, .12), 0 2px 6px rgba(19, 31, 41, .06);

  /* Tipografi (§2.2, §11) — "… Fallback" yüzleri seturack-fonts.css'te (metrik eşlenmiş yerel font) */
  --font-display: "Bricolage Grotesque", "Bricolage Grotesque Fallback", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "IBM Plex Sans", "IBM Plex Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Yarıçap (§2.3): başka yarıçap yok */
  --radius-card: 8px; --radius-btn: 6px; --radius-badge: 4px; --radius-mini: 4px;

  /* Hareket (§7): renk/opaklık 150 ms, konum 200 ms, ease-out; hiçbiri > 250 ms */
  --dur-color: 150ms; --dur-move: 200ms; --ease-out: cubic-bezier(.2, .7, .2, 1);
}

:root[data-bs-theme=dark] {
  --c-canvas:#0c161f;  --c-surface:#131f29; --c-surface-2:#182530; --c-surface-3:#1f2d39;
  --c-line:#26333e;    --c-line-strong:#3b4955; --c-line-input:#6b7986;
  --c-ink:#f0f4f7;     --c-ink-2:#b6c0c8;  --c-ink-3:#8c97a0;  --c-ink-4:#6e7a84;
  --c-brand:#d62a44;   --c-brand-hover:#c4223c; --c-brand-text:#fe626f; --c-brand-soft:#3a1a22; --c-brand-line:#6b2a35; --c-brand-inv:#ff8a98;
  --c-navy:#0b1a2a;    --c-navy-2:#122435; --c-navy-3:#1a2e40; --c-navy-line:#24384a;
  --c-on-navy:#f0f4f7; --c-on-navy-2:#a9b6c0; --c-on-navy-3:#8593a0;
  --c-ok:#65d683;      --c-ok-soft:#12301d;   --c-ok-inv:#65d683;
  --c-warn:#f8a800;    --c-warn-soft:#3a2a08; --c-warn-inv:#f8a800;
  --c-info:#5ec3ff;    --c-info-soft:#0f2a40;
  --c-danger:#fe626f;  --c-danger-soft:#3a1a22;
  --c-focus:#fe626f;
  --c-white:#ffffff;   --c-on-ok:#0b1a2a;
  --c-scrim: rgba(0, 0, 0, .6);

  --c-canvas-rgb: 12, 22, 31;     --c-surface-rgb: 19, 31, 41;
  --c-surface-2-rgb: 24, 37, 48;   --c-surface-3-rgb: 31, 45, 57;
  --c-ink-rgb: 240, 244, 247;     --c-ink-2-rgb: 182, 192, 200;
  --c-brand-rgb: 214, 42, 68;     --c-brand-text-rgb: 254, 98, 111;
  --c-navy-rgb: 11, 26, 42;      --c-on-navy-2-rgb: 169, 182, 192;
  --c-ok-rgb: 101, 214, 131;      --c-warn-rgb: 248, 168, 0;
  --c-info-rgb: 94, 195, 255;     --c-danger-rgb: 254, 98, 111;

  --sh-card: 0 1px 2px rgba(0, 0, 0, .4);
  --sh-pop: 0 8px 24px rgba(0, 0, 0, .5);
}