/*
 * Tasarım değişkenleri: bütün renkler, yazı tipleri, ölçüler burada.
 * Görsel dil "sahne noir, dünyalar renkli": karanlık oda zemini, fotoğraf kâğıdı beyazı,
 * tek vurgu rengi pirinç (saat mekanizması). Proje sayfaları kendi vurgusunu --vurgu ile getirir.
 */
:root {
  --karanlik-oda: #040307;   /* zemin: karanlık oda, neredeyse siyah (Uğur'un ayarı, 2026-10-10) */
  --sahne: #030507;          /* yükseltilmiş yüzeyler */
  --kagit: #e8e2d4;          /* gümüş jelatin baskı beyazı */
  --sis: #8d9096;            /* ikincil metin */
  --pirinc: #ffc870;         /* tek vurgu: saat pirinci (Uğur'un ayarı, 2026-10-10) */
  --pirinc-isik: #ffe0a3;    /* ışık alan pirinç */
  --vurgu: var(--pirinc);    /* proje sayfasında projenin rengiyle değişir */
  --galaksi-1: #ffc870;      /* kıyafet düğmelerinin dönen ışığı: pirinç, bakır, buz mavisi */
  --galaksi-2: #c26a2e;
  --galaksi-3: #a8dcff;

  --yuzey-2: #06080a;        /* açık ton şerit (işler) */
  --cizgi: rgba(232, 226, 212, .14);
  --bolum-cizgi: rgba(232, 226, 212, .2);   /* ana sayfa bölümlerini ayıran çizgi: ince çizgilerden belirgin */

  --font-baslik: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --font-metin: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-vurgu: "Instrument Serif", Georgia, serif;

  --ust-h: 76px;                             /* üst bar yüksekliği */
  --kenar: clamp(16px, 7vw - 48px, 131px);   /* sayfa kenar boşluğu: telefonda 16px, 2560px'te 131px */
  --bolum-arasi: clamp(41px, 6vh, 77px);     /* bölümler arası */

  /* Yazı ölçeği: başlıklar kocaman, metin sakin */
  --fs-dev: clamp(59px, 8.82vw, 168px);             /* açılıştaki isim (Morrow oranı) */
  --fs-bolum: clamp(38px, 5.32vw, 91px);              /* bölüm başlığı */
  --fs-proje: clamp(24px, 2.81vw, 44px);             /* proje adı */
  --fs-ara: clamp(37px, 3.96vw, 63px);
  --fs-metin: clamp(17px, 1.14vw, 20px);
  --fs-giris: clamp(18px, 1.3vw, 22px);
  --fs-kucuk: 15px;

  --ease-cikis: cubic-bezier(.16, 1, .3, 1);
}