/* eeu.com.tr teması — "antrasit + bakır" kimliği (Eşref Bey kararı, 2026-10-29).
   Zemin krem kâğıt #FBFAF5, metin antrasit #0E0F12, TEK vurgu rengi bakır #B5651D
   (koyu #8C4A12 küçük metin/düğme için, açık #F3E7DC zemin tonu). Sayfa başına ayrı renk yok;
   altı renkli "Rittal şeridi" kalktı, yerine tek ince bakır çizgi. Başlıklar Fraunces (serif),
   gövde Hanken Grotesk, mono Space Mono. Üç raf için düşük doygunluklu ayrım:
   saha → bakır, düşünce → antrasit #2B2F36, hayat → zeytin-gri #5B6652.
   Kontrast: bakır #B5651D üstüne beyaz 4.3:1 (yalnız büyük/kalın başlık), koyu bakır 6.8:1 (AA). */
:root{
  --acc:#B5651D;
  --acc-deep:#8C4A12;
  --acc-soft:#F3E7DC;
  --ink:#0E0F12;
  --ink-soft:#4A4D55;
  --ink-faint:#5F6273;
  --paper:#FBFAF5;
  --paper-2:#FFFFFF;
  --line:#E5E1D7;
  --line-strong:#D4CEBF;
  --blue:var(--acc-deep);
  --blue-deep:#6E3A0E;
  --blue-bright:var(--acc);
  --btn-blue:#14161B;
  --blue-light:#EFEDE7;
  --yellow:var(--acc);
  --yellow-soft:#F3E7DC;
  --kraft:#DCDAD3;
  --kraft-deep:#4A4D55;
  --kraft-soft:#ECEBE6;
  --red:var(--acc-deep);
  --green:#5B6652;
  --c-hvac:#8C4A12;
  --c-hvacr:#8C4A12;
  --c-ai:#8C4A12;
  --c-erbaa:#8C4A12;
  --c-cop31:#8C4A12;
  --c-etki:#2B2F36;
  --c-mentorluk:#2B2F36;
  --c-ozel:#2B2F36;
  --c-muzik:#5B6652;
  --c-haber:#5B6652;
  --accent:#0E0F12;
  --rittal:linear-gradient(90deg,#B5651D,#B5651D);
  --fat:"Fraunces",Georgia,"Times New Roman",serif;
  --display-serif:"Fraunces",Georgia,"Times New Roman",serif;
}
::selection{background:var(--acc);color:#fff;}

/* tipografi: h1/h2/.display serif Fraunces; h3 ve düğmeler Hanken kalır */
h1,h2,.display,.hero h1,.band h2.display,.sec-head h2.display,.listhead h2.display,.listhead h1.display,.reader h1.display,
.about .bubble h2.display,.about .bubble h1.display,.yilgiris h2,.subscribe-band h2,.fat,h2.display.fat{
  font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.01em;
  font-variation-settings:"opsz" 96,"SOFT" 30;font-optical-sizing:auto;
}
h1.display,.hero h1,.band h2.display,.listhead h2.display,.listhead h1.display{line-height:1.04;}
h2.display,.sec-head h2.display{line-height:1.08;}
.brand .bname{font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:800;letter-spacing:.01em;}

/* üst çubuk: antrasit + altında tek ince bakır çizgi; etkin sekme bakır zemin, beyaz yazı */
header.site{border-bottom:0;}
header.site::after{content:"";display:block;height:2px;background:var(--rittal);}
.nav-link.active,.nav-links .nav-link.active{background:var(--acc-deep);color:#fff;border-color:var(--acc-deep);box-shadow:none;}
.nav-link:hover{color:#fff;}
.lang-btn,.nav-search{border-color:#8C8A84;color:#fff;}
.lang-btn:hover,.nav-search:hover{background:var(--acc-deep);border-color:var(--acc-deep);color:#fff;}

/* ana sayfa hero: antrasit zemin, beyaz yazı; bakır yalnız tek kelimede */
.hero{background:#0E0F12;color:#fff;}
.hero h1 .hl,.listhead .display .hl{color:#D9A071;}
.hero .checklist .ci .bullet{border-color:#fff;}
.hero .checklist .ci .bullet::after{background:#fff;}
.hero-portrait img{border-color:#fff;}
.hero-portrait .tape{background:var(--acc);color:#fff;border:2px solid #fff;box-shadow:none;}
.bracket.on-blue,.bracket.on-yellow{background:var(--acc-deep);color:#fff;border:2px solid #fff;box-shadow:none;padding:4px 10px;}
.bracket.on-kraft{background:#0E0F12;color:#fff;}
.hero .wrap::after{content:"";position:absolute;left:32px;right:32px;bottom:0;height:2px;background:var(--rittal);}

/* başlık vurguları ve çizgiler: bakır ince kalır (küçük metinde koyu bakır) */
.display .hl{color:var(--acc-deep);}
.heartbeat{color:var(--acc);}
.exp-n{color:var(--acc-deep);}
.exp-card{background:#fff;}
.exp-card:hover{background:#0E0F12;color:#fff;}
.exp-card:hover .exp-n{color:#D9A071;}
.object-row .obj.b,.object-row .obj.r{color:var(--acc);}
.object-row .obj.k{color:#4A4D55;}
.pillar-fan{color:var(--acc);}
.event .ev-date{color:var(--acc-deep);}
.event .ev-tag{background:var(--acc-deep);}
.contact-card a.mail{color:var(--acc-deep);}
.yilbas .yl{color:var(--acc-deep);}
.vid:hover{box-shadow:6px 6px 0 var(--acc);}

/* açık bantlar: nötr gri + ince bakır çizgi */
.band-blue{background:#EFEDE7;border-top:2px solid var(--acc);border-bottom:2px solid var(--acc);}
.about{background:#EFEDE7;color:#0E0F12;}
.band-kraft,.quote-band{background:#EFEDE7;color:#0E0F12;}

/* düğmeler: koyu bakır dolu, beyaz yazı (6.8:1); üstüne gelince antrasit */
.btn-blue,.btn-yellow,.btn-ink{background:var(--acc-deep);border:2px solid var(--acc-deep);color:#fff;box-shadow:none;}
.btn-blue:hover,.btn-yellow:hover,.btn-ink:hover{background:#0E0F12;border-color:#0E0F12;color:#fff;box-shadow:4px 4px 0 var(--acc);transform:translate(-2px,-2px);}
.hero .btn-blue,.hero .btn-yellow,.hero .btn-ink,.subscribe-band .btn-blue,.listhead .btn-blue{border-color:#fff;box-shadow:none;}
.hero .btn-blue:hover,.hero .btn-ink:hover,.subscribe-band .btn-blue:hover,.listhead .btn-blue:hover{background:#fff;color:#0E0F12;border-color:#fff;box-shadow:4px 4px 0 var(--acc);}
.btn-ghost{border-color:#0E0F12;color:#0E0F12;}
.btn-ghost:hover{background:#0E0F12;color:#fff;}

/* abone bandı: antrasit; düğme koyu bakır, beyaz çerçeve */
.subscribe-band{background:#0E0F12;}
.subscribe-band .note-icon{color:#D9A071;}
.subscribe-band p{color:#C9C6BE;}
.subscribe-form button{background:var(--acc-deep);border:2px solid #fff;color:#fff;box-shadow:none;}
.subscribe-form button:hover{background:#fff;color:#0E0F12;}

/* yazılar listesi başlığı: antrasit zemin + ince bakır çizgi */
.listhead{background:#0E0F12;position:relative;}
.listhead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rittal);}
.card{background:#fff;}

/* kapak görselleri: risograf illüstrasyonlar dokunulmaz; kartlarda hafif doygunluk düşüşü ki eski kobalt-sarı kapaklar paletle kavga etmesin */
.thumb,.card .thumb,.vid .thumb,.card img,.reader-hero{filter:saturate(.85) contrast(1.02);}
.vid:hover .thumb{filter:saturate(.85) contrast(1.02) brightness(.8);}

/* yazılar: sayfa içi CSS'teki sabit mavi (#0072BC) HVACR çip/çubuk kuralları — sayfa <style> tema'dan sonra geldiği için daha özgül seçici */
body .chip.chip-ders{border-color:var(--acc-deep);color:var(--acc-deep);}
body .chip.chip-ders.active,body .hvacrbar .hb-git,body .reader-inner .r-body .r-dersler{border-color:var(--acc-deep);background:var(--acc-deep);color:#fff;}
body .hvacrbar::before{background:var(--acc);}
body .subchip,body .kisichip,body .reader-inner .r-tags span.r-kisi{border-color:#2B2F36;color:#2B2F36;}
body .subchip.active,body .kisichip.active{background:#2B2F36;color:#fff;}

/* satır içi --pc/--eh değişkenleriyle gelen eski sayfa renkleri: tüketici kuralları tek palete çekilir
   (ana sayfa sütunlar, danışmanlık ürün kartları, hakkımda soru-cevap ve Erbaa kutuları) */
.pillar:hover{background:var(--acc-deep);color:#fff;}
.pillar .p-num,.pillar .more{color:var(--acc-deep);}
.pillar:hover .p-num,.pillar:hover .more{color:#fff;}
body .prod{box-shadow:7px 7px 0 var(--acc);}
body .prod .pbar,body .prod li::before,body .prod .plink:hover,body .shots .slabel{background:var(--acc-deep);border-color:var(--acc-deep);color:#fff;}
body .prod li::before{color:inherit;}
body .shot-scroll a:hover{box-shadow:6px 6px 0 var(--acc);}
body .qa .a{color:var(--acc-deep);}
body .erbaa-cards .exp-card,body .erbaa-cards .exp-card:nth-child(2),body .erbaa-cards .exp-card:nth-child(4){--eh:#8C4A12;}
body .erbaa-cards .exp-card:nth-child(3){--eh:#5B6652;}
body .erbaa-cards .exp-card:nth-child(2){--eh:#2B2F36;}

/* alt bilgi: ince bakır çizgi */
footer{border-top:2px solid var(--acc);border-image:none;}

/* dar telefon (≤380 px): üst çubuk sığsın, menü düğmesi ekrandan taşmasın */
@media (max-width:380px){.wrap{padding-left:16px;padding-right:16px;}.nav{gap:8px;}.brand{flex:0 1 auto;min-width:0;}.brand .btext{min-width:0;}.brand .mark,.brand .mark img{height:30px;}.brand .bname{font-size:12px;}.brand .bsub{display:none;}.lang-btn{min-width:36px;padding:0 7px;}.nav-toggle{width:40px;flex:none;}}

/* kontrast: vurgu rengi alan düğmelerde yazı beyaz; kart "Dinle" düğmesi */
.kart-dinle,.card .kart-dinle,.ra-oynat,.series .sno,.chip.active .say{color:#fff;}
.ra-oynat:hover,.ra-oynat.caliyor{color:#fff;}

/* ---- "Sahadan ▾" açılır menü (site.js ekler; sahadan sayfaları doğrudan içerir) ---- */
.nav-dd{position:relative;}
.nav-dd .ok{font-size:11px;margin-left:2px;}
.nav-dd-menu{display:none;position:absolute;top:100%;left:0;min-width:260px;background:var(--paper);border:2px solid var(--ink);padding:8px 0;z-index:60;box-shadow:6px 6px 0 var(--acc,#B5651D);}
.nav-dd-menu a{display:block;padding:9px 16px;color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:600;font-size:15px;border:0;}
.nav-dd-menu a:hover{background:var(--acc-soft,#F3E7DC);}
.nav-dd-menu .dd-alt a{padding:5px 16px 5px 30px;font-size:13.5px;font-weight:500;color:var(--ink-soft);}
.nav-dd-menu .dd-arsiv{border-top:1px solid var(--kraft);margin-top:6px;padding-top:10px;font-size:14px;}
.nav-dd-menu .dd-arsiv+.dd-arsiv{border-top:0;margin-top:0;padding-top:6px;}
.nav-dd:hover .nav-dd-menu,.nav-dd.acik .nav-dd-menu{display:block;}
@media (max-width:1040px){
  .nav-dd{width:100%;}
  .nav-dd>.nav-link{width:100%;}
  .nav-dd-menu{position:static;background:transparent;box-shadow:none;border-width:0 0 0 3px;border-color:var(--acc,#B5651D);margin:4px 0 8px 10px;padding:0;min-width:0;}
  .nav-dd-menu a{padding:8px 12px;color:#fff;}
  .nav-dd-menu .dd-alt a{color:#D8D3C8;}
  .nav-dd-menu .dd-arsiv{border-top-color:rgba(251,250,245,.2);}
  .nav-dd:hover .nav-dd-menu{display:none;}
  .nav-dd.acik .nav-dd-menu{display:block;}
}