/* Kayalar Yapı — tasarım token'ları
   Buradaki değerler dışında sabit renk/ölçü yazılmayacak. */

:root {
  /* ---- Renk ---- */
  --kavak:  #1C2B23;  /* koyu yeşil-siyah: ana metin, koyu bölümler, footer */
  --beton:  #8C8F87;  /* nötr yeşilimsi gri: ikincil metin, ayraçlar */
  --kirec:  #E8E7E1;  /* açık zemin: bölüm arkaplanları */
  --kagit:  #FBFBF9;  /* en açık zemin: kart yüzeyleri */
  --pirinc: #B8892F;  /* TEK vurgu rengi — sadece CTA ve "devam eden" işareti */

  /* Türetilmişler — yeni renk değil, aynı üç rengin alfa/parlaklık varyantı.
     Ayrımın sebebi erişilebilirlik: --beton ve --pirinc açık zeminde metin
     olarak 4.5:1'i geçmiyor (sırasıyla 3.2:1 ve 3.1:1). O yüzden metin için
     koyulaştırılmış eşleri var; --beton ve --pirinc sadece dolgu/çizgi. */
  --kavak-80: rgba(28, 43, 35, .80);
  --kavak-12: rgba(28, 43, 35, .12);
  --kavak-06: rgba(28, 43, 35, .06);

  --beton-metin: #63665F;   /* ikincil METİN — kağıtta 5.7:1, kireçte 4.7:1 */
  --beton-40: rgba(140, 143, 135, .40);

  --pirinc-metin: #8A6316;  /* pirinç renkli METİN — kağıtta 5.3:1 */
  --pirinc-acik: #C6973D;   /* :hover dolgusu — koyulaşmak yerine açılıyor,
                               çünkü buton metni koyu (kavak) */

  /* ---- Tip ölçeği (1.25 oran, 16px taban) ---- */
  --t-12: 0.75rem;
  --t-14: 0.875rem;
  --t-16: 1rem;
  --t-20: 1.25rem;
  --t-25: 1.5625rem;
  --t-31: 1.9375rem;
  --t-39: 2.4375rem;
  --t-49: 3.0625rem;
  --t-61: 3.8125rem;

  --font-baslik: "Archivo", "Segoe UI", Arial, sans-serif;
  --font-metin: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;

  --olcu-metin: 62ch;   /* satır uzunluğu 70 karakteri geçmesin */

  /* ---- Boşluk (4px tabanlı) ---- */
  --a-1: 0.25rem;
  --a-2: 0.5rem;
  --a-3: 0.75rem;
  --a-4: 1rem;
  --a-6: 1.5rem;
  --a-8: 2rem;
  --a-12: 3rem;
  --a-16: 4rem;
  --a-24: 6rem;
  --a-32: 8rem;

  /* ---- Düzen ---- */
  --kap-genislik: 1240px;
  --kap-pad: clamp(1.25rem, 5vw, 3.5rem);

  /* ---- Diğer ---- */
  --radius: 2px;        /* neredeyse köşeli — mimari levha hissi */
  --cizgi: 1px solid var(--kavak-12);
  --gecis: 180ms cubic-bezier(.2, .6, .3, 1);
}

/* Hareket tercihi: tek orkestrasyon anı dahil her şey kapanır */
@media (prefers-reduced-motion: reduce) {
  :root { --gecis: 1ms; }
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}