/* ==========================================================================
   ORTAK GORSEL DIL — TEK KAYNAK

   Davetiye, panel ve zaman kapsulu ayni ogeleri kullanir. Bir yerde
   degistirilecekse BURADA degistirilir; sayfalarda kopyasi tutulmaz.

   Kaynak: ana davetiyenin onaylanmis gorunumu (styles.css).
   ⚠️ Baska ampersand / ayrac varyasyonu URETME.
   ========================================================================== */

:root{
  --o-champagne:     #C1A264;
  --o-champagne-ink: #8A6C32;
  --o-ink:           #3E342A;
  --o-serif: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
}

/* --------------------------------------------------------------- AYRAC ---
   Iki ince cizgi, ortada baklava. Davetiyedekiyle birebir ayni.
   Kullanim:  <span class="o-ayrac" aria-hidden="true"></span>          */

.o-ayrac{
  position:relative;
  display:block;
  width:112px; height:5px;
  margin:24px auto;
  background:none;
}
.o-ayrac::before{
  content:"";
  position:absolute;
  left:0; right:0; top:2px;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%, rgba(160,128,72,.62) 26%, rgba(160,128,72,.62) 41%, transparent 43%,
    transparent 57%, rgba(160,128,72,.62) 59%, rgba(160,128,72,.62) 74%, transparent 100%);
}
.o-ayrac::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:5px; height:5px;
  transform:translate(-50%,-50%) rotate(45deg);
  background:var(--o-champagne-ink);
}

/* ------------------------------------------------------------ AMPERSAND ---
   Great Vibes, altin. Isimler arasindaki "&" HER YERDE budur.
   Kullanim:  Merve <span class="o-ve">&amp;</span> Oğuzhan               */

.o-ve{
  font-family:var(--o-serif);
  font-weight:400;
  font-style:normal;
  color:var(--o-champagne-ink);
  font-size:.92em;
  line-height:1;
  padding:0 .20em;
}

/* --------------------------------------------------------- ISIM YAZISI ---
   "Merve & Oğuzhan" tek satir. Baslik ve imzalarda kullanilir.          */

.o-isim{
  font-family:var(--o-serif);
  font-weight:500;
  color:var(--o-ink);
  letter-spacing:.014em;
}

/* ------------------------------------------------------------- MONOGRAM ---
   Dar alanlarda (panel basligi, yukleme perdesi) "M & O".              */

.o-monogram{
  font-family:var(--o-serif);
  font-weight:500;
  color:var(--o-champagne-ink);
  letter-spacing:.16em;
}
/* Monogramda da AYNI duz '&' kullanilir. */
.o-monogram .o-ve{ font-size:.86em; padding:0 .34em; }

/* ==========================================================================
   KOYU MOD KARARTMASINA KARSI  —  20 Agustos 2026

   Halid'in annesinin telefonunda (Samsung Internet, karanlik mod acik) site
   simsiyah goruldu. "color-scheme: only light" Chrome'un Force Dark'ini
   durduruyor ama bazi tarayicilar (Samsung Internet, Miui, Opera) kendi
   karartmasini CSS uzerinden uyguluyor.

   Asagidaki blok, kullanicinin cihazi koyu modda olsa bile renkleri
   ACIK degerlere sabitler. Davetiye HER ZAMAN krem zeminlidir.
   ⚠️ Bu blogu silme; koyu mod sikayeti geri gelir.
   ========================================================================== */

@media (prefers-color-scheme: dark){
  :root{ color-scheme:only light !important; }

  html, body{
    background:var(--fildisi, #FAF7F0) !important;
    color:var(--ink, #33291F) !important;
  }

  /* metin ve cizgi renkleri cihaz temasindan etkilenmesin */
  h1, h2, h3, p, span, label, li, dt, dd, b, i, em, strong, small,
  input, textarea, button, a{
    color:inherit;
  }

  /* form alanlari: tarayici koyu zemin/yazi basmasin. Arka plani SIFIRLAMA —
     sayfanin kendi rengi kalsin, yalniz yazi rengi zorlanir. */
  input, textarea, select{
    -webkit-text-fill-color:currentColor;
    background-image:none !important;
  }
}

/* Samsung Internet'in kendi karartma bayragi */
@media (inverted-colors: inverted){
  html, body{
    background:var(--fildisi, #FAF7F0) !important;
    color:var(--ink, #33291F) !important;
  }
}