/* ============================================================
   360 Perspektif — Tasarım değişkenleri
   Koyu, sinematik ve kurumsal bir tema (immoviewer hissi)
   ============================================================ */
:root {
  /* Renkler — sıcak kömür zeminler */
  --ink: #0E0E0C;          /* ana sayfa zemini */
  --ink-2: #131311;        /* alternatif bölüm zemini */
  --ink-3: #1A1A17;        /* kart / panel yüzeyi */
  --ink-4: #23231F;        /* üst katman yüzeyi */
  --black: #0A0A08;        /* footer / derin zemin */

  --ivory: #F2F0E8;        /* ana metin */
  --muted: #A6A498;        /* ikincil metin */
  --muted-2: #8D8B81;      /* sakin metin / etiket */

  --line: rgba(242, 240, 232, 0.13);
  --line-strong: rgba(242, 240, 232, 0.32);

  --orange: #E1663A;       /* ana vurgu */
  --orange-2: #F07A4D;     /* vurgu — hover */
  --orange-deep: #C9552D;  /* vurgu — koyu */
  --on-orange: #1B110A;    /* turuncu üstü metin */

  /* Açık yüzeyler (ürün maketi, QR bloğu) */
  --panel: #FBFAF6;
  --panel-2: #F1EEE6;
  --panel-ink: #1B1C19;
  --panel-line: rgba(27, 28, 25, 0.14);

  /* Tipografi */
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-hero: clamp(2.4rem, 5.6vw, 4.4rem);
  --fs-xl: clamp(2rem, 4vw, 3.1rem);
  --fs-lg: clamp(1.45rem, 2.4vw, 2rem);
  --fs-md: clamp(1.15rem, 1.6vw, 1.35rem);
  --fs-base: clamp(1rem, 1.05vw, 1.06rem);
  --fs-sm: 0.92rem;
  --fs-xs: 0.8rem;

  /* Ölçü */
  --container: 1240px;
  --gutter: clamp(20px, 4vw, 44px);
  --section-y: clamp(72px, 9vw, 128px);
  --header-h: 72px;
  --radius: 4px;
  --radius-lg: 8px;

  /* Hareket */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.55s;
}