/* ============================================================
   BASE · reset, tasarim tokenlari, tipografi, sayfa ortami
   Palet: onayli gorsel maketten (kontrollu rengarenk karari).
   Kesin hex'ler ileride onayli video son karesinden orneklenirse
   yalniz :root blogu guncellenir.
   ============================================================ */
/* PALET IKI KATMANDIR (karar C8, 26 Agustos 2026)
   DEKOR katmani yalniz sustur: SVG dolgusu, yay, leke, hale. Metin, ikon tek
   basina ve kenarlik rolu ALAMAZ; kontrast yukumlulugu yoktur.
   METIN VE ETKILESIM katmani olculmustur: govde metni 4,5:1, buyuk metin ve
   arayuz kenari 3:1 tabanini gecer.
   Bir renk iki katmanda birden yasamaz; ihtiyac varsa ayni ton acisinda ikinci
   bir token acilir (--teal / --teal-text ikilisinin aynisi).
   Olculen degerler docs/build-notes.md "Faz A" basliginda. */
:root{
  --canvas:#f6f0e3;
  --panel:#ece3d1;
  /* CTA zemini: kor ailesinde koyultuldu. #d96f2b ile ayni ton acisi (~23 derece),
     ama krem etiket #fdf6e6 uzerinde 4.58:1 (WCAG AA gecer). fill/canvas 4.34:1.
     Not: video gelince son kareden orneklenip ince ayar yapilabilir, ancak
     bu kontrast tabani (etiket >=4.5:1, kenar/canvas >=3:1) korunmak sartiyla. */
  --accent:#b4551c;
  --accent-hover:#a44e19;
  --accent-muted:#eac9a4;
  --text-primary:#22354f;
  --text-body:#33475f;
  --text-secondary:#52627b;
  --text-on-dark:#f4eddb;
  --text-on-dark-muted:#c9bda6;/* gece bandinda mono alt yazi (8.26:1) */
  --accent-text:#a04d18;       /* turuncu vurgu METNI icin (4.5:1 gecen ton) */
  --amber-label:#8a5a1d;       /* mono amber etiket metni */
  /* Marka mavisi ikiye ayrildi (C2): logo mavisi sus, ikinci ton metin. */
  --blue:#3B8EC9;              /* DEKOR · logo mavisi · krem uzerinde 3.13:1 */
  --blue-text:#22689B;         /* METIN · ayni ton acisi 205 derece · 5.25:1 */
  /* Turuncu uc katmanli (C3): dekorda iki mesru ton var. */
  --orange:#F0842B;            /* DEKOR · logonun firca turuncusu · 2.30:1 */
  --ember:#d96f2b;             /* DEKOR · konseptin kor noktasi · 2.95:1 */
  --night-1:#0c1a2c; --night-2:#10263e; --night-3:#16334f;
  /* Bolum kimlik renkleri. --pink ve --yellow-text'i CSS bugun tuketmiyor:
     ikisi de markup'taki imza SVG'lerinde ve renk noktalarinda ayni hex ile
     gecen paletin parcasi, tek dogruluk kaynagi olarak burada duruyor. */
  --teal:#3fb8ac; --purple:#8a6fb8; --pink:#d75f8f; --yellow:#e6b23a; --green:#7da35c;
  --teal-text:#116e64; --purple-text:#6a4f9e; --pink-text:#ab3465; --yellow-text:#8a6414; --green-text:#476528;   /* 5,21:1 · eskiden #4f7030 idi ve 4,46:1 veriyordu,
                           yani kural 7'nin govde tabanini (4,5) GECMIYORDU.
                           B-3'te yedi gunun hepsi olculurken yakalandi. */
  /* CUMA ve PAZAR: bugune kadar TANIMLI DEGILDI. Serit bes gune civiliydi,
     yani panelden cuma dersi girilse gun adi renksiz basacakti. Ikisi de
     kural 7'ye gore secildi ve digerlerinden ayirt edilebilir olmasi
     olculdu (en yakin gune renk uzakligi 50). */
  --fri-text:#8a4413;     /* 5,65:1 · kor turuncusu ailesi */
  --sun-text:#41474f;     /* 7,36:1 · antrasit */
  --border:#ddd1ba;
  --tshadow:0 1px 2px rgba(5,8,14,.95),0 3px 12px rgba(5,8,14,.78),0 10px 44px rgba(5,8,14,.8);
  --e1:cubic-bezier(.33,.9,.25,1);
  --e2:cubic-bezier(.55,.06,.28,.99);
  --font-body:'Nunito Sans','Segoe UI',system-ui,sans-serif;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-mono:'IBM Plex Mono','Courier New',monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}
body{overflow-x:hidden;overflow-x:clip;margin:0;background:var(--canvas);color:var(--text-body);
  font-family:var(--font-body);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--text-primary);line-height:1.14;margin:0}
h2{font-size:clamp(30px,3vw,38px);margin-bottom:20px}
p{margin:0}
img{max-width:100%}
a{color:var(--accent-text)}
a:hover{color:var(--accent-hover)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
[hidden]{display:none !important}
/* mobil menu aciliken sayfa kaymaz; yalniz dikey eksen kilitlenir ki
   html/body uzerindeki overflow-x:clip yerinde kalsin */
html.menu-open,html.menu-open body{overflow-y:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* icerige atlama baglantisi */
.skip-link{position:fixed;left:12px;top:-60px;z-index:200;background:var(--text-primary);color:var(--canvas);
  padding:10px 18px;border-radius:10px;font-weight:600;transition:top .3s var(--e1)}
.skip-link:focus-visible{top:12px;color:var(--canvas)}

/* nokta madde imi: her liste "tek noktayla baslar" */
.dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px rgba(217,111,43,.16);margin-right:10px;vertical-align:2px}
.chip{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.6px;background:var(--panel);
  border:1px solid #d9cdb6;border-radius:8px;padding:5px 10px;color:var(--text-primary);white-space:nowrap}

/* sayfa ortami: tek sabit arka plan katmani (yavas suluboya surtusu + tanecik) */
.world-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--canvas)}
.world-bg::before{content:"";position:absolute;inset:-20%;
  background:
    radial-gradient(ellipse 46% 34% at 18% 22%,rgba(63,184,172,.05),transparent 70%),
    radial-gradient(ellipse 42% 36% at 84% 66%,rgba(217,111,43,.05),transparent 70%),
    radial-gradient(ellipse 40% 30% at 60% 110%,rgba(138,111,184,.04),transparent 70%)}
.world-bg::after{content:"";position:absolute;inset:0;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}

/* suluboya fisilti lekeleri (bolum kimlik renkleri; parallax katmanlari) */
.splash{position:absolute;pointer-events:none;border-radius:58% 42% 55% 45% / 48% 52% 46% 54%}