/* ========================================================================== MEK GROUP — MERKEZI RENK SISTEMI (/css/mek-tema.css) Tum sayfalar bu dosyayi sonunda yukler. Sitenin butun renkleri buradaki token'lardan beslenir; palet degisikligi SADECE bu dosyadan yapilir. - Marka laciverti (#131B30, logodaki MEK) tum paletlerde SABIT. - html[data-palet="N"] = onizleme paleti (?palet=N ile acilir). - Karar verilince secilen paletin degerleri "VARSAYILAN" bloguna tasinir. ========================================================================== */ /* ---------- ORTAK: tum yeni paletlerin paylastigi soguk/temiz notrler ------ */ html[data-palet]{ --bg:#FFFFFF!important; --white:#FFFFFF!important; --lightest:#F5F7FA!important; --lighter:#EDF0F5!important; --light:#DFE3EB!important; --medium:#B3BBC9!important; --dark:#566075!important; --darkest:#131B30!important; --black:#0C1222!important; --overlay:#0C1222!important; --border:rgba(19,27,48,.28)!important; --hint:rgba(19,27,48,.5)!important; --swiper-theme-color:#131B30!important; --swiper-navigation-color:#131B30!important; --mek-bg:#FFFFFF; --mek-surface:#F5F7FA; --mek-line:#DFE3EB; --mek-navy:#131B30; --mek-navy-2:#1B2747; --mek-hero-tint:#2A4488; } /* ---------- PALET 1: Lacivert & Altin (canli, kurumsal-prestij) ------------ */ html[data-palet="1"]{ --main:#B8862B!important; /* acik zeminde vurgu (3.2:1, buyuk rakam/cizgi) */ --mek-accent:#C9962E; --mek-accent-rgb:201,150,46; --mek-accent-ink:#8A6516; /* acik zeminde kucuk yazi (5.3:1) */ --mek-accent-soft:#E2B659; --mek-accent-dk:#E2B659; /* lacivert zeminde vurgu (9:1) */ --mek-accent-dk-rgb:226,182,89; } /* ---------- PALET 2: Lacivert & Kobalt (modern, teknoloji/guvenlik) -------- */ html[data-palet="2"]{ --main:#2B5BDB!important; --mek-accent:#2B5BDB; --mek-accent-rgb:43,91,219; --mek-accent-ink:#2450C8; --mek-accent-soft:#5B84EE; --mek-accent-dk:#8FB0FF; --mek-accent-dk-rgb:143,176,255; --mek-hero-tint:#2B5BDB; } /* ---------- PALET 3: Mono Lacivert & Celik (logoya birebir, sade) ---------- */ html[data-palet="3"]{ --main:#4A5E85!important; --mek-accent:#4A5E85; --mek-accent-rgb:74,94,133; --mek-accent-ink:#3A4C70; --mek-accent-soft:#6B7FA6; --mek-accent-dk:#B7C5E0; --mek-accent-dk-rgb:183,197,224; --mek-hero-tint:#31456F; } /* ---------- KOYU ZEMINLER: vurgu rengi koyu-zemin varyantina doner --------- */ html[data-palet] .footer, html[data-palet] .mek-refs-home, html[data-palet] .mek-refs-stats, html[data-palet] .mek-cta-box, html[data-palet] .mek-mmedia.--mono, html[data-palet] #mek-intro, html[data-palet] .component--contentscrollcenter .content{ --main:var(--mek-accent-dk)!important; --mek-accent:var(--mek-accent-dk); --mek-accent-rgb:var(--mek-accent-dk-rgb); --mek-accent-soft:#FFFFFF; } /* ---------- GOVDE / ZEMIN --------------------------------------------------- */ html[data-palet] body{background-color:var(--bg);} html[data-palet] ::selection{background:var(--mek-navy);color:#fff;} /* Tema JS'in attribute olarak bastigi acik gri SVG sekilleri token'a bagla */ html[data-palet] svg [fill="#F2F2F2" i]{fill:var(--lighter);} html[data-palet] svg [fill="#F7F7F7" i]{fill:var(--lightest);} /* Turkiye haritasi: iller soguk gri-mavi, isiltisi vurgu renginde */ html[data-palet] .component--map svg g[fill="#e4e5e8" i]{fill:#E3E8F1;} html[data-palet] .component--map svg stop[stop-color="#c8a24a" i]{stop-color:var(--mek-accent);} /* ---------- HERO (WebGL sehir silueti) --------------------------------------- Renk CSS'ten degil dokulardan gelir: wp-content/themes/tresmares/img/webgl-lacivert/ (gri dokularin ffmpeg 'curves' ile lacivert-celik gradient-map'lenmis hali). head'deki mek-tema betigi window.MEK_WEBGL='-lacivert' verir, app.min.js klasoru ona gore secer. */ /* Tema imleci (GSAP inline lacivert basiyor) ve odak cizgileri */ html[data-palet] a:focus-visible,html[data-palet] button:focus-visible{outline:2px solid var(--mek-accent);outline-offset:3px;}