/* ══ DUSÇöz vitrin dili: ortak tasarım belirteçleri (4 Kasım 2026) ════════════════════════════════════════
   Rehber sayfaları, sabit sayfalar ve ekran ekran uygulama aynı değerleri kullanır. Bu dosyada yalnızca değişkenler
   ve anahtar kareler var; hiçbir öğeye stil vermez, bu yüzden her sayfaya güvenle bağlanabilir.
   Yeni bir arayüz parçası yazarken buradaki renk, köşe, yazı boyu ve hareket değerlerini kullan; yeni değer uydurma. */
:root{
  /* Renk: beyaz zemin, açık gri karo, mürekkep siyahı, marka yeşili. #5F5F64 gri karo üstünde de 4.5:1'i geçer. */
  --v-ink:#1D1D1F; --v-soft:#5F5F64; --v-faint:#6E6E73; --v-line:#D2D2D7; --v-cizgi:#E8E8ED;
  --v-zemin:#FFFFFF; --v-karo:#F5F5F7; --v-karo-ust:#EDEDF0;
  --v-marka:#0A8576; --v-marka-koyu:#076457; --v-marka-acik:#0FB5A1;
  --v-nane:#5EE6CF; --v-nane-acik:#7FF0DC; --v-nane-zemin:#E4F7F3;
  --v-amber-zemin:#FBF1DE; --v-amber-yazi:#7A4F0D;
  --v-koyu-karo:radial-gradient(120% 130% at 50% 0%,#123A34 0%,#0B1715 58%,#08100F 100%);
  --v-koyu-panel:radial-gradient(120% 120% at 50% 0%,#14423B 0%,#0C1D1A 62%,#09110F 100%);

  /* Köşe: dört ölçü */
  --v-r-buyuk:30px; --v-r:22px; --v-r-kucuk:16px; --v-r-hap:980px;

  /* Yazı ölçeği: sekiz boy */
  --v-y-kucuk:13px; --v-y-not:15px; --v-y-govde:17px; --v-y-giris:clamp(18px,2vw,22px);
  --v-y-h3:clamp(19px,2vw,22px); --v-y-h2:clamp(28px,3.6vw,40px); --v-y-h1:clamp(40px,7vw,72px); --v-y-rakam:clamp(44px,6vw,64px);

  /* Aralık */
  --v-a1:8px; --v-a2:16px; --v-a3:24px; --v-a4:32px; --v-a5:56px; --v-a6:clamp(56px,8vw,96px);

  /* Hareket: tek eğri, üç süre. "Hareketi azalt" açıkken kullanan kurallar animasyonu kapatır. */
  --v-yay:cubic-bezier(.2,.75,.2,1); --v-sure-kisa:.2s; --v-sure:.45s; --v-sure-uzun:.9s;
}
@keyframes v-giris{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:none;}}
@keyframes v-belir{from{opacity:0; transform:translateY(36px) scale(.985);} to{opacity:1; transform:none;}}