/* ════════════════════════════════════════════════════════════════════
   VINCREO — kanonik tasarim belirteçleri (design tokens)
   Her sayfaya, sayfanin KENDI <style> blogundan ONCE eklenir:
       <link rel="stylesheet" href="/vincreo.css"/>

   Denetimde cikan iki bulgunun karsiligi:
   • A-1  Ayni rolu tasiyan degiskenler sayfadan sayfaya farkli deger
          aliyordu (--acc #c9b58c'ye karsi #2979ff gibi). Tek kaynak burasi.
   • A-3  Tip olcegi yoktu: 30 farkli punto, yarim piksel adimlarla.
          Asagida alti basamak var; yeni is bunlarin disina cikmamali.

   TEMA (2026-09): sicak bronz zemin birakildi, yerine notr yakin-siyah
   zemin geldi. Zemin ve metin rampasi notr gri; yon bildiren iki renk
   (yesil/kirmizi) daha acik ve canli; marka vurgusu kehribar.
   Tum sayfalar bu dosyadan miras aldigi icin tema tek yerden donuyor.
   ════════════════════════════════════════════════════════════════════ */
:root{
  /* Sayfalarin hepsi KOYU. Bunu acikca bildirmek tarayicinin kendi
     otomatik koyu modunun ve Dark Reader gibi eklentilerin "bu sayfa
     acik mi" tahminine girmesini onluyor — tahmin yanlis tarafa
     dustugunde butun arka planlar tek renge duzlesiyor ve hacim isi
     haritasi gibi RENGIN kendisi bilgi olan ekranlar okunmaz oluyor. */
  color-scheme: dark;

  /* ── zemin ve yuzeyler ── */
  --bg:#0b0c0c;          /* sayfa zemini */
  --bg2:#08090a;         /* en koyu kuyu: kod/log kutulari */
  --surface:#15181a;     /* kart, panel */
  --surface2:#1f2224;    /* kart icinde ikinci kat, tablo basligi */
  --border:#2b2f32;      /* ince ayirici */
  --border2:#3b3f42;     /* kart kenari, girdi cercevesi */

  /* ── metin ── */
  --txt:#d7dadb;         /* govde */
  --dim:#777c7f;         /* ikincil, etiket, birim */
  --dim2:#4f5457;        /* ucuncul: pasif sekme, sutun basligi */
  --bright:#ffffff;      /* baslik, one cikan deger */

  /* ── anlam renkleri (yon bildirir, marka vurgusundan ayridir) ── */
  --green:#7fd19f;
  --red:#d27662;
  --yellow:#d9bb5c;      /* uyari / notr-bekleme */
  --green-bg:rgba(127,209,159,0.08);
  --green-a:rgba(127,209,159,0.15);
  --red-a:rgba(210,118,98,0.12);

  /* ── marka vurgusu ── */
  --gold:#d7aa67;
  --gold-dim:rgba(215,170,103,0.16);
  --gold-glow:rgba(215,170,103,0.07);
  --gold-a:rgba(215,170,103,0.12);
  --acc:#c9a97e;
  --acc2:#a8896a;

  /* ── kategorik seri renkleri (grafik cizgileri, rozetler) ──
     Hepsi ayni aciklikta: yan yana gelince biri one firlamiyor,
     ama birbirinden ayirt edilebiliyorlar. */
  --purple:#9d9ed4;  --purple-a:rgba(157,158,212,0.12);
  --teal:#6fc4b0;
  --orange:#d79a63;
  --pink:#d18ea0;
  --cyan:#7cb6c9;
  --violet:#b09ad0;
  --lime:#a9c96b;

  /* ── RS bantlari (gucluden zayifa) ── */
  --rs-top:#7fd19f; --rs-up:#a3d38c; --rs-mid:#d9bb5c; --rs-dn:#d9906a; --rs-bot:#d27662;

  /* ── yazi tipleri ── */
  --sans:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ── tip olcegi: alti basamak, yarim piksel yok ──
     micro   rozet, birim, dipnot
     label   sutun basligi, buyuk harf etiket
     body    tablo hucresi, govde metni
     lead    one cikan sayi, panel alt basligi
     title   panel basligi
     display sayfa basligi */
  --fs-micro:10px;
  --fs-label:11px;
  --fs-body:13px;
  --fs-lead:15px;
  --fs-title:20px;
  --fs-display:30px;
}

/* ── klavye odagi ────────────────────────────────────────────────
   Yalniz klavyeyle gezinirken gorunur; fare tiklamasi halka birakmaz.
   [data-vck] = vc-boot.js'in odaklanabilir hale getirdigi ogeler. */
:where(a, button, input, select, textarea, summary, [tabindex], [data-vck]):focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
  border-radius:2px;
}