/* ==========================================================================
   tokens.css — Tasarım Tokenları + Base Reset
   ----------------------------------------------------------------------------
   Önce yüklenir. Diğer CSS dosyaları buradaki değişkenlere dayanır.
   ========================================================================== */

/* ── Bricolage Grotesque (self-hosted, variable) — assets/fonts/ ─────────────
   Google Fonts CDN yerine local. OFL lisanslı. wght 200-800 variable + opsz.
   Türkçe için latin + latin-ext alt kümeleri yeterli (vietnamese gerekmez). */
@font-face{
  font-family:'Bricolage Grotesque';
  font-style:normal;
  font-weight:200 800;
  font-stretch:100%;
  font-display:swap;
  src:url('../fonts/bricolage-grotesque-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Bricolage Grotesque';
  font-style:normal;
  font-weight:200 800;
  font-stretch:100%;
  font-display:swap;
  src:url('../fonts/bricolage-grotesque-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  /* Karanlık zemin — soğuk, cool ton */
  --bg:#0b0c0e;
  --bg-2:#15171a;
  --bg-3:#1c1f23;

  /* Marka yeşili */
  --olive:#9eb567;
  --olive-l:#b8d281;
  --olive-d:#7a9347;

  /* Açık temalar — Search Console esintili soğuk beyaz/gri */
  --paper:#ffffff;
  --paper-2:#f8f9fa;
  --paper-3:#f1f3f4;

  /* Karanlık zeminde metin */
  --cream:#f1f3f4;     /* soft white */
  --cream-2:#9aa0a6;   /* mute gri */
  --snow:#ffffff;
  --mute:#9aa0a6;

  /* Metin renkleri açık zeminde */
  --ink:#1f2024;
  --ink-2:#5f6368;
  --ink-3:#80868b;

  /* Aksan */
  --gold:#c8a04d;

  /* Çizgi/separators */
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --line-d:rgba(31,32,36,.12);
  --line-d-2:rgba(31,32,36,.2);

  /* Header katmanları */
  --topbar-h:36px;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{
  background:var(--bg);
  color:var(--cream);
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  /* clip: scroll context oluşturmaz — position:sticky bu sayede çalışır */
  overflow-x:clip;
  font-feature-settings:"ss01","ss02";
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--olive-l);color:var(--bg)}

/* A11y yardımcıları — WP konvansiyonu */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);
  height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;
  word-wrap:normal !important;
}
.skip-link:focus,.skip-link:focus-visible{
  background:var(--ink);color:var(--snow);
  clip:auto;-webkit-clip-path:none;clip-path:none;
  height:auto;width:auto;padding:12px 18px;
  position:fixed;top:8px;left:8px;z-index:9999;
  text-decoration:underline;border-radius:8px;
}