/* ============================================================
   m204.css — Azurio şablonunun M204 Digital uyarlaması
   main.min.css'ten SONRA yüklenir. Şablonun kendi CSS'i hiç değişmez,
   tüm M204 farkları burada tek dosyada toplanır (geri alınabilir).
   ============================================================ */

/* — Aksan rengi: Azurio elektrik mavisi → M204 derin terrakota —
   M204'ün imza terrakotası #B47A5E, "About" bölümünde aksan rengi
   ZEMİN olarak kullanılıp üstüne beyaz metin geldiğinden kontrastı
   yetersiz (3.4:1). #A0563A aynı terrakota ailesinden ama beyazla
   5.2:1 — WCAG AA uyumlu. Token'lar :root'ta override edilir;
   main.min.css'teki --accent:var(--accent--light) bunları okur. */
:root {
  --accent--light:    #A0563A;
  --accent--dark:     #A0563A;
  --highlight--light: #C9926E;
  --highlight--dark:  #A0563A;
}

/* — Aksan zemini üzerindeki metin paleti —
   Azurio bu tokenleri mavi aksana göre mavi tonlu seçmiş; terrakota
   zeminde mavi metin (manifesto + süreç açıklamaları) çakışıyordu.
   Sıcak, terrakota ile uyumlu tonlarla değiştirilir. */
:root {
  --pt-t-accent-bright: #FFFFFF;
  --pt-t-accent-medium: #F7F1EB;
  --pt-t-accent-muted:  #E8CDBC;
}

/* — Logo —
   M204 wordmark'ı saf siyah PNG. Header (hero videosu üstünde) ve
   menü overlay'i her iki modda da koyu zemin; logo beyaza çevrilir.
   Saf siyah olduğu için invert(1) = saf beyaz. */
.mxd-logo__image,
.menu-logo__image {
  filter: invert(1);
}

/* Menü logosu artık raster görsel — SVG için tasarlanan
   difference karışımı kaldırılır, davranış öngörülebilir olur. */
.menu-logo {
  mix-blend-mode: normal;
}

/* — Logo boyutu —
   Logo PNG'si boşluklardan kırpıldı; header'da belirgin görünmesi için
   büyütülür. (Şablon varsayılanı 4rem.) */
.mxd-logo__image {
  height: 6rem;
}
@media (max-width: 767px) {
  .mxd-logo__image {
    height: 4.5rem;
  }
}

/* — Eksik görseller —
   Azurio paketi bazı görselleri içermiyor (404); pakette mevcut
   olanlara yönlendirilir. */
.divider-image-6 {
  background-image: url(../img/dividers/1920x1200_dv03.webp);
}
.mxd-hero-09 {
  background-image: url(../img/hero/1920x1200_h03.webp);
}
.divider-image-4 {
  background-image: url(../img/dividers/1920x1200_dv01.webp);
}