/* ===========================================================================
   ARKA. Studio — tasarım jetonları

   Palet, stüdyonun Instagram'daki malzeme dilinden türetildi: kireç/kum
   zeminler, ceviz ve meşe tonları, mermer damarının soğuk grisi. Vurgu rengi
   bronz — pirinç detay ve aydınlatma armatürlerinin karşılığı.

   Site tek bir ışıkta, sıcak ve aydınlık kalacak biçimde tasarlandı; koyu
   tema bilinçli olarak yok, çünkü mekân fotoğraflarının doğru okunması
   nötr ve açık bir zemin gerektiriyor.
   =========================================================================== */

:root {
  /* ---- Renk ---- */
  --bg:            #faf8f5;  /* kum — sayfa zemini */
  --bg-alt:        #f2eee8;  /* bir ton koyu bölüm zemini */
  --surface:       #ffffff;
  --ink:           #1f1b18;  /* koyu kahve-antrasit, saf siyah değil */
  --ink-soft:      #6b6157;  /* ikincil metin */
  --ink-faint:     #9a9086;  /* künye, etiket */
  --line:          #e3dcd2;  /* saç teli ayraç */
  --line-strong:   #cfc5b8;
  --accent:        #8a7355;  /* bronz */
  --accent-deep:   #6d5942;

  --overlay:       rgba(31, 27, 24, 0.45);
  --overlay-strong: rgba(31, 27, 24, 0.72);

  /* ---- Tipografi ---- */
  --font-display: "Fraunces", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Akışkan ölçek: küçük ekranda okunur, büyük ekranda editoryal.
     clamp() sayesinde ara kırılım noktalarına gerek kalmıyor. */
  --step--1: clamp(0.78rem, 0.76rem + 0.10vw, 0.84rem);
  --step-0:  clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --step-1:  clamp(1.15rem, 1.08rem + 0.35vw, 1.40rem);
  --step-2:  clamp(1.45rem, 1.30rem + 0.75vw, 2.00rem);
  --step-3:  clamp(1.85rem, 1.55rem + 1.50vw, 3.00rem);
  --step-4:  clamp(2.30rem, 1.70rem + 3.00vw, 4.50rem);
  --step-5:  clamp(2.80rem, 1.80rem + 5.00vw, 6.00rem);

  --tracking-wide: 0.18em;
  --tracking-label: 0.12em;

  /* ---- Ölçü ---- */
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --measure: 68ch;            /* okuma satır uzunluğu üst sınırı */
  --max-width: 88rem;
  --max-width-narrow: 46rem;

  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1.25rem;
  --space-md:  2rem;
  --space-lg:  clamp(3rem, 6vw, 5rem);
  --space-xl:  clamp(4.5rem, 10vw, 9rem);

  /* ---- Hareket ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration: 520ms;
  --duration-fast: 220ms;

  --radius: 2px;             /* neredeyse keskin — mimari bir his için */
}

/* Hareketi azaltmayı tercih eden ziyaretçilerde geçişler kapatılır.
   Vestibüler rahatsızlığı olan kullanıcılar için erişilebilirlik gereği. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration: 1ms;
    --duration-fast: 1ms;
  }

  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}