/* ==========================================================================
   YİMA YAPI — Tasarım Belirteçleri (tokens)
   Renkler logodan türetilmiştir: antrasit gövde + altın vurgu.
   Tüm sayfalarda İLK yüklenmesi gereken dosya.
   ========================================================================== */
:root{
  /* --- Marka renkleri --- */
  --ink:#24282C;            /* logo gövde antrasiti — header, footer, koyu bantlar */
  --ink-deep:#171A1D;       /* en koyu ton — gölgeler, hover */
  --ink-soft:#3A4046;       /* açık antrasit — degrade üst tonu */

  --gold:#C9A24A;           /* ana altın */
  --gold-light:#F2D88F;     /* altın parlaması */
  --gold-dark:#8C6B2F;      /* koyu altın — beyaz üstünde okunur metin rengi */
  --gold-grad:linear-gradient(120deg,#8C6B2F 0%,#F2D88F 32%,#C9A24A 58%,#E8C878 78%,#8C6B2F 100%);
  --ink-grad:linear-gradient(140deg,#3A4046 0%,#24282C 55%,#171A1D 100%);

  /* --- Yüzeyler ve metin --- */
  --paper:#FBFAF8;          /* sayfa zemini — hafif sıcak beyaz */
  --surface:#FFFFFF;
  --text:#2A2E32;           /* gövde metni */
  --text-soft:#5C5952;      /* ikincil metin */
  --muted:#8A857D;          /* etiketler, üst başlıklar */
  --line:#E3DED6;           /* ince ayraçlar */
  --line-gold:rgba(201,162,74,.45);

  /* --- Tipografi --- */
  --font:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fs-eyebrow:11.5px;      /* KATEGORİ / ŞEHİR gibi üst etiketler */
  --fs-body:15px;
  --fs-lead:16px;
  --fs-h3:clamp(24px,3vw,38px);
  --fs-h2:clamp(26px,4.6vw,46px);
  --ls-wide:.15em;          /* harf aralığı — etiketler */
  --ls-wider:.22em;         /* harf aralığı — bölüm etiketleri */

  /* --- Ölçü --- */
  --maxw:1320px;
  --gutter:24px;
  --nav-h:92px;
  --section-y:clamp(56px,8vw,96px);

  /* --- Hareket --- */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur:.35s;
}

/* --- Reset --- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font);
  font-size:var(--fs-body);
  line-height:1.7;
  color:var(--text);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}
p{margin:0 0 16px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* --- Yardımcı sınıflar --- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.gold-text{
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.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;
}