/* azatech – Tasarım belirteçleri (Paket I, madde 26)
 * YALNIZ TANIM: boşluk, gölge, yazı ölçeği, perde ve hareket değişkenleri. Renk TANIMLAMAZ ve mevcut renk değişkenlerine
 * (--navy, --line, --panel ...) dokunmaz. app.css'ten ÖNCE yüklenir. Eski kurallar şimdilik kendi değerlerini kullanır;
 * YENİ kod (sihirbaz.css vb.) bu değişkenleri kullanır, eskiler kademeli geçirilir.
 *
 *   Boşluk   --b-1..--b-6   4 · 8 · 12 · 16 · 24 · 32 px
 *   Gölge    --g-1..--g-3   küçük (kart) · orta (açılır panel) · büyük (pencere); renk = --navy'nin saydam karışımı
 *   Yazı     --yz-xs..--yz-xl   12 · 13 · 14 · 16 · 20 px
 *   Perde    --perde        pencere arkasındaki karartma (4 farklı eski değerin hedef tekil değeri)
 *   Hareket  --hrk          150 ms (prefers-reduced-motion'da 0)
 * Renkler gölgede color-mix(var(--navy) …) ile üretilir; yeni renk değeri yoktur. */
:root {
  --b-1: 4px; --b-2: 8px; --b-3: 12px; --b-4: 16px; --b-5: 24px; --b-6: 32px;
  --g-1: 0 1px 2px color-mix(in srgb, var(--navy) 8%, transparent);
  --g-2: 0 4px 12px color-mix(in srgb, var(--navy) 12%, transparent), 0 1px 2px color-mix(in srgb, var(--navy) 8%, transparent);
  --g-3: 0 12px 32px color-mix(in srgb, var(--navy) 20%, transparent), 0 2px 6px color-mix(in srgb, var(--navy) 10%, transparent);
  --yz-xs: 12px; --yz-sm: 13px; --yz-md: 14px; --yz-lg: 16px; --yz-xl: 20px;
  --perde: color-mix(in srgb, var(--navy) 45%, transparent);
  --hrk: 150ms;
}
@media (prefers-reduced-motion: reduce) { :root { --hrk: 0ms; } }