/* ============================================================
   Derinlik teması - TEK renk ve tipografi kaynağı (PLAN §12).
   Bileşen CSS'lerinde çıplak hex yazılmaz; her renk buradan gelir.
   ============================================================ */

:root {
  /* Yüzeyler */
  --bg: #0B0B0E;
  --surface: #121218;
  --surface-2: #1A1A21;
  --border: #1E1E24;
  --border-strong: #26262E;

  /* Metin */
  --text: #EDEDF0;
  --text-2: #9C9CA9;
  --text-3: #8A8A93;  /* en koyu yüzeyde 5.06:1 - küçük metin için AA geçer */

  /* Aksan - değerler ölçülerek seçildi (tests/test_kontrast.py kilitler)
     --accent      : DOLGU. Üzerindeki beyaz yazı 4.99:1 (AA geçer).
                     Koyu zeminde bileşen kontrastı 3.94:1 (WCAG 1.4.11 geçer).
     --accent-text : METİN/İKON. Koyu zeminde 6.08:1.
     ⚠️ --accent metin rengi olarak KULLANILMAZ; kırmızı yazı hep --accent-text. */
  --accent: #D62640;
  --accent-text: #FF4D63;
  --accent-soft-bg: #171114;
  --accent-soft-border: #33202A;

  /* Anlamsal durum */
  --ok: #3FB27F;
  --warn: #E0A33A;
  --danger: #D62640;

  /* Yarıçap */
  --r-sm: 7px;
  --r-md: 9px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* Tipografi - fontlar self-hosted (PLAN §12); Google Fonts CDN kullanılmaz */
  --font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* Ölçek */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
}