/* ==========================================================================
   Kaprazdi — tasarım değişkenleri

   Yön: klinik bir monografın editoryal düzeni. Dar bir okuma sütunu, geniş
   kenar boşlukları, numaralandırılmış bölümler. Mor ürünün kimliğidir ve
   yalnızca vurgu olarak kullanılır — zemin kağıt, metin mürekkeptir.
   Görseller sayfanın tek renkli alanıdır; onları çerçeve değil boşluk ayırır.

   Buradaki değerler sitenin tek karar noktasıdır. Başka hiçbir dosyada ham
   renk ya da sabit punto yazılmaz.
   ========================================================================== */

:root {
  /* --- Marka ------------------------------------------------------------ */
  --mor: #5d2584;
  --mor-koyu: #3a0a49;
  --mor-derin: #2a1040;
  --mor-acik: #9b85a4;
  --lacivert: #005983;
  --mavi: #0872b2;
  --kirmizi: #d6181f;
  --leylak: #c8a1c5;

  /* --- Yüzey ------------------------------------------------------------
     Nötrler mora doğru hafifçe kaydırıldı; saf gri tesadüfi görünürdü. */
  --kagit: #fcfbfd;
  --kagit-alt: #f4f1f7;
  --kagit-koyu: #1c0b2a;
  --cizgi: #e6e0ec;
  --cizgi-silik: #efeaf3;
  --cizgi-ters: rgba(255, 255, 255, 0.14);

  /* --- Mürekkep --------------------------------------------------------- */
  --murekkep: #1a1420;
  --murekkep-orta: #554b60;
  --murekkep-silik: #8a8194;
  --murekkep-ters: #ffffff;
  --murekkep-ters-orta: rgba(255, 255, 255, 0.74);
  --murekkep-ters-silik: rgba(255, 255, 255, 0.5);

  /* --- Marka şeridi ------------------------------------------------------
     Sunumun üst bandından 20 noktada örneklendi. Sitede ince bir aksan
     çizgisi olarak kullanılır, blok zemin olarak değil. */
  --serit: linear-gradient(
    90deg,
    #390a49 0%,
    #321754 10%,
    #1f3871 20%,
    #154a84 25%,
    #086ba9 35%,
    #1387c8 45%,
    #2895d0 50%,
    #78aed1 60%,
    #d4b8bf 70%,
    #eaafb5 75%,
    #bd7aa6 85%,
    #79489f 95%,
    #6a3d9d 100%
  );
  --mor-gecis: linear-gradient(142deg, #5d2584 0%, #35103f 100%);

  /* --- Tipografi ---------------------------------------------------------
     Fraunces: başlıklarda, yüksek optik boyutta — monograf karakteri.
     Poppins: gövdede; kaynak sunumun yazı tipi, markayla sürekliliği korur. */
  --yazi-baslik: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --yazi: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --iz-sikisik: -0.022em;
  --iz-dar: -0.012em;
  --iz-genis: 0.14em;

  --satir-sikisik: 1.08;
  --satir-orta: 1.3;
  --satir-genis: 1.7;

  /* Akışkan ölçek — 1.25 oranlı, mobilden masaüstüne kesintisiz */
  --ol-mikro: 0.6875rem;
  --ol-kucuk: clamp(0.75rem, 0.72rem + 0.14vw, 0.8125rem);
  --ol-not: clamp(0.8125rem, 0.78rem + 0.18vw, 0.875rem);
  --ol-govde: clamp(0.9375rem, 0.9rem + 0.3vw, 1.0625rem);
  --ol-govde-buyuk: clamp(1.0625rem, 0.98rem + 0.5vw, 1.3125rem);
  --ol-alt-baslik: clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem);
  --ol-baslik: clamp(1.75rem, 1.3rem + 2vw, 3rem);
  --ol-buyuk-baslik: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);
  --ol-rakam: clamp(3rem, 1.6rem + 6vw, 7rem);

  --kalin-ince: 300;
  --kalin-normal: 400;
  --kalin-orta: 500;
  --kalin-yari: 600;
  --kalin-kalin: 700;
  --kalin-cok: 800;

  /* --- Aralık ------------------------------------------------------------ */
  --a1: 0.25rem;
  --a2: 0.5rem;
  --a3: 0.75rem;
  --a4: 1rem;
  --a5: 1.5rem;
  --a6: 2rem;
  --a7: 2.75rem;
  --a8: 3.5rem;
  --a9: 5rem;
  --a10: 7rem;

  --bolum-bosluk: clamp(4rem, 2rem + 8vw, 9rem);
  --kenar: clamp(1.25rem, 0.5rem + 3.5vw, 5rem);
  --en: 72rem;
  --en-okuma: 40rem;

  /* --- Köşe, gölge, hareket ---------------------------------------------- */
  --kose-kucuk: 0.375rem;
  --kose: 0.75rem;
  --kose-buyuk: 1.5rem;
  --kose-tam: 999px;

  --golge-gorsel: 0 1px 1px rgba(26, 20, 32, 0.04),
    0 18px 40px -18px rgba(58, 10, 73, 0.3);
  --golge-yuksek: 0 2px 4px rgba(26, 20, 32, 0.05),
    0 32px 64px -24px rgba(58, 10, 73, 0.32);

  --gecis-hizli: 150ms cubic-bezier(0.3, 0.7, 0, 1);
  --gecis: 300ms cubic-bezier(0.3, 0.7, 0, 1);
  --gecis-yavas: 700ms cubic-bezier(0.22, 0.68, 0, 1);

  --ust-bar: 4rem;
}

@media (max-width: 48rem) {
  :root {
    --ust-bar: 3.25rem;
  }
}