/* Spell tokens: tek yer. Renk ve yazı tipi değişikliği yalnızca burada yapılır.
   Vurgu: limon yeşili #B4EC44 (sahip tercihi 2026-10-14, Mercan #FF6A3D'nin yerine; Frisk düğmesinden ekran görüntüsüyle örneklendi,
   kesin değer dosyadan ölçülürse güncellenir). Yazı tipleri: Bricolage Grotesque / Manrope (sahip onayı 2026-10-13).
   Kontrast (WCAG, hesaplandı 2026-10-14): metin/zemin 16,65; soluk/zemin 8,65; soluk/koyu bölüm 7,86; soluk/alt bilgi 8,97;
   vurgu metin/zemin 13,41; vurgu metin/koyu bölüm 12,18; koyu yazı/vurgu dolgu 13,41; koyu yazı/hover dolgu 14,13;
   koyu yazı/basılı dolgu 10,30; odak halkası/zemin 15,51. Vurgu rengi YALNIZCA koyu zeminde metin olur; açık zeminde yalnızca dolgu.
   Beyaz yazı vurgu dolguda KULLANILMAZ (1,40). */
:root {
  /* renkler */
  --ground: #111214;
  --text: #F5F1EA;
  --muted: #B3B0A8;
  --surface: #1B1C20;        /* koyu bölüm */
  --deep: #0C0D0F;           /* alt bilgi */
  --line: #313132;           /* ince ayırıcı (yalnızca çizgi, metin değil) */
  --accent: #B4EC44;
  --accent-hover: #C2EF66;   /* vurgu + %18 beyaz */
  --accent-active: #9ED03C;  /* vurgu + %12 siyah */
  --on-accent: #111214;      /* vurgu üstünde yazı: koyu */
  --danger: #FF9B8A;         /* hata metni (zemin üstünde 9,6; koyu bölümde 8,7) */
  --focus: #D6F598;          /* odak halkası (zemin üstünde 15,5); vurgu bandında koyu halka (site.css) */

  /* yazı tipleri */
  --font-head: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ölçek (Türkçe sözcükler uzun: Frisk'ten küçük) */
  --fs-h1: clamp(2.5rem, 7vw, 6rem);
  --fs-h2: clamp(1.9rem, 4.5vw, 3.5rem);
  --fs-h3: 1.75rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-btn: 0.875rem;

  /* boşluk (8 px sistemi) */
  --s1: 0.5rem;
  --s2: 1rem;
  --s3: 1.5rem;
  --s4: 2rem;
  --s5: 3rem;
  --s6: 4rem;
  --s7: 6rem;
  --section-pad: clamp(5rem, 10vw, 8.75rem);   /* Frisk ritmi: ~140 px */
  --gutter: clamp(1.25rem, 5vw, 4.5rem);
  --wrap: 1368px;

  /* hareket */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 0.25s;
  --t-med: 0.4s;
}
