/* =====================================================================
   01 - RENKLER VE GENEL ÖLÇÜLER
   ---------------------------------------------------------------------
   Sitenin tüm renkleri bu dosyadadır. Bir rengi burada değiştirdiğinizde
   sitenin her yerinde değişir.

   ÜÇ BLOK VARDIR:
   1) AÇIK MOD renkleri
   2) KOYU MOD renkleri (cihaz koyu moddaysa)
   3) KOYU MOD renkleri (siteki düğmeyle koyu mod seçildiyse)
   2. ve 3. blok aynı olmalıdır. Birini değiştirirseniz diğerini de
   aynı şekilde değiştirin.

   Logonun renkleri bu dosyada değil, 02-tasarim-logo.svg içindedir.
   ===================================================================== */

/* ---------- 1) AÇIK MOD ---------- */
:root{
  --zemin:#FCF5F5;          /* Sayfanın arka planı */
  --zemin-gecis:#F9E2E6;    /* Arka planın üstündeki soluk pembe geçiş */
  --kart:#FFFFFF;           /* Çerçevelerin içi */
  --yazi:#2E1A20;           /* Ana yazı rengi */
  --soluk-yazi:#7B5E66;     /* Açıklama yazıları */
  --cizgi:#F0D8DD;          /* Çerçeve ve ayırıcı çizgiler */
  --vurgu:#C23A57;          /* Ana renk: düğmeler, küçük çiçekler */
  --vurgu-uzeri:#FFFFFF;    /* Ana rengin üstündeki yazı */
  --vurgu-acik:#FCE8EC;     /* Ana rengin soluk hali */
  --gecis-1:#F9C9D2;        /* Giriş bölümü geçişi: gül */
  --gecis-2:#FCE3E3;        /* Giriş bölümü geçişi: pembe */
  --gecis-3:#FFF4F0;        /* Giriş bölümü geçişi: en soluk */
  --hata:#A61B1B;           /* Hata mesajları */
  --golge:0 1px 2px rgba(120,40,60,.05),0 10px 30px rgba(120,40,60,.07);
  --cicek-opaklik:.42;      /* Arka plan çiçeklerinin belirginliği (0: görünmez, 1: tam) */

  /* ---------- Genel ölçüler (açık ve koyu modda aynı) ---------- */
  --yazi-tipi:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sayfa-genisligi:1080px; /* Sitenin en geniş hali */
  --kose:20px;              /* Büyük çerçevelerin köşe yuvarlaklığı */
  --kose-kucuk:14px;        /* Küçük çerçevelerin köşe yuvarlaklığı */
}

/* ---------- 2) KOYU MOD (cihaz ayarı) ---------- */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --zemin:#181013;
    --zemin-gecis:#2C171E;
    --kart:#221619;
    --yazi:#F8ECEE;
    --soluk-yazi:#C4A8AF;
    --cizgi:#3E2A30;
    --vurgu:#F08DA2;
    --vurgu-uzeri:#2B0D15;
    --vurgu-acik:#3B1F27;
    --gecis-1:#4F2433;
    --gecis-2:#361B23;
    --gecis-3:#261719;
    --hata:#FF8A80;
    --golge:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
    --cicek-opaklik:.3;
    color-scheme:dark;
  }
}

/* ---------- 3) KOYU MOD (sitedeki düğme) ---------- */
:root[data-theme="dark"]{
  --zemin:#181013;
  --zemin-gecis:#2C171E;
  --kart:#221619;
  --yazi:#F8ECEE;
  --soluk-yazi:#C4A8AF;
  --cizgi:#3E2A30;
  --vurgu:#F08DA2;
  --vurgu-uzeri:#2B0D15;
  --vurgu-acik:#3B1F27;
  --gecis-1:#4F2433;
  --gecis-2:#361B23;
  --gecis-3:#261719;
  --hata:#FF8A80;
  --golge:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --cicek-opaklik:.3;
  color-scheme:dark;
}