/* TASARIM TOKENLARI — 1. katman: HAM DEĞERLER (primitive). Bileşenler bunları DOĞRUDAN kullanmaz;
   temel.css'teki anlamsal adlar (--p, --acc, --bg, --card …) ve yonetim.css'teki bileşen tokenları bunlara bağlanır.
   Kaynak: HTML taslağının renkleri (marka: koyu lacivert + kırmızı) · rehber: docs/tasarim-sistemi.md */
:root{
  /* Lacivert / koyu (üst menü, koyu tema yüzeyleri) */
  --renk-lacivert-950:#0f1218;
  --renk-lacivert-900:#151922;
  --renk-lacivert-850:#181c24;
  --renk-lacivert-800:#1e232d;
  --renk-lacivert-750:#1c212a;
  --renk-lacivert-700:#232a36;
  --renk-lacivert-650:#2a3140;
  --renk-lacivert-600:#3a4353;

  /* Gri (açık tema yüzeyleri ve yazı) */
  --renk-gri-50:#fcfcfd;
  --renk-gri-100:#f6f7f9;
  --renk-gri-150:#f3f5f8;
  --renk-gri-200:#eef0f4;
  --renk-gri-250:#e3e7ed;
  --renk-gri-300:#d7dce4;
  --renk-gri-500:#6b7280;
  --renk-gri-550:#8b95a7;
  --renk-gri-700:#374151;
  --renk-gri-800:#1f2937;
  --renk-gri-koyu-yazi:#e6e9ef;
  --renk-gri-koyu-yazi2:#c5ccd8;
  --renk-beyaz:#ffffff;

  /* Kırmızı (marka vurgusu) */
  --renk-kirmizi-50:#fdeaea;
  --renk-kirmizi-600:#e21f26;
  --renk-kirmizi-700:#c41a20;
  --renk-kirmizi-950:#3b1416;

  /* Durum renkleri */
  --renk-yesil-600:#16a34a;
  --renk-yesil-700:#15803d;
  --renk-sari-600:#d97706;
  --renk-mavi-600:#2563eb;

  /* Aralık ölçeği (yoğun panel: 4–32 px) */
  --aralik-1:4px;
  --aralik-2:8px;
  --aralik-3:12px;
  --aralik-4:16px;
  --aralik-5:24px;
  --aralik-6:32px;

  /* Köşe yarıçapı */
  --yaricap-kucuk:.35rem;
  --yaricap-orta:.5rem;
  --yaricap-buyuk:.7rem;

  /* Gölge */
  --golge-1:0 2px 10px rgba(0,0,0,.08);
  --golge-2:0 12px 30px rgba(0,0,0,.14);

  /* Yazı */
  --yazi-ailesi:'Inter',system-ui,-apple-system,sans-serif;
  --yazi-mono:ui-monospace,Menlo,Consolas,monospace;
  --yazi-xs:11px;
  --yazi-sm:12.5px;
  --yazi-md:13.5px;
  --yazi-lg:15px;
  --yazi-xl:1.15rem;

  /* Hareket (ui-ux-pro-max: hafif, 150–400 ms; prefers-reduced-motion'da kapanır) */
  --sure-kisa:150ms;
  --sure-orta:250ms;
  --sure-uzun:400ms;
  --egri-cikis:cubic-bezier(.2,.8,.2,1);
}