/* ==========================================================================
Ortak tasarım belirteçleri — hem ziyaretçi sitesi (stil.css) hem işletme
paneli (panel.css) bu dosyayı yükler.
PALET DEĞİŞTİ (işletmenin isteği): fildişi + altın yerine pudra pembe zemin
ve gül–erik vurgular. Eski karar "pembe/fuşya bu sektörün siteyi ucuzlatan
klasik hatası" diyordu ve hâlâ doğru — o yüzden gidilen yer FUŞYA DEĞİL:
doygunluğu düşük, koyu, kirli pembe (gül ve erik). Parlak pembe yalnız
dolgu ve gradyanda, metinde asla.
BELİRTEÇ ADLARI TARİHSEL. `--altin` artık altın değil, ana pembe vurgu;
`--gul` ikinci vurgu erik. Adları değiştirmek stil.css, panel.css ve
sekans.css'teki yüzlerce kullanımı elden geçirmek demekti; bu projede
zaten aynı yol izleniyor (window.BERBER_VERI, makas.js, .kesildi).
Buraya yalnız İKİ yüzeyin de kullandığı şeyler girer. Sayfaya özgü ölçüler
(--ara, --ray-alan) stil.css'te, panele özgü olanlar panel.css'te kalır.
========================================================================== */
:root{
/* zemin — DÖRDÜNCÜ TUR, ve bu sefer sebep ölçüldü.
Üç turdur "soluk" şikâyeti vardı ve iki kez vurgu rengini doygunlaştırarak
çözmeye çalıştım; ikisi de işe yaramadı. Sayfa ölçülünce sebep çıktı:
SAYFANIN %90'I AÇIKTI. Sekans %46'sını orta-açık bejle, randevu bölümü
%17'sini SAF BEYAZLA kaplıyordu; tek koyu alan (%10) en dipteydi.
Küçük etiketlerde ve iki düğmede görünen bir vurgu rengi, tonal
karşıtlığı olmayan bir sayfayı kurtaramaz.
Koyu bir bölüm eklemek istenmedi, o yüzden renk kütlesi ZEMİNE verildi:
artık beyazın yanındaki bir pembe tonu değil, gerçek bir gül kurusu.
Kartlar açık kaldığı için zemin-kart ayrımı da ilk kez belirgin.
(Kartlar 6 Eylül 2026'da saf beyazdan sıcak kırık beyaza çekildi —
gerekçe ve ölçüm aşağıda.)
DİKKAT: zemin koyulaşınca üstündeki her rengin kontrastı düştü, hepsi
yeniden hesaplandı. Zemini bir daha değiştirirsen aşağıdaki bütün
kontrast notları geçersiz olur. */
/* KART YÜZEYİ SAF BEYAZ DEĞİL. #FFFFFF gül kurusu zeminin üstünde düz ve
sentetik duruyordu — nötrü ana renge doğru tonlamak bunu çözüyor.
Seçilen ton uydurulmadı: üst çubuk zaten rgba(253,248,246,…) yani bu
değeri kullanıyordu, yani sitenin kendi kırık beyazı.
ÖLÇÜLDÜ, kontrast kaybı yok — kart üstündeki sekiz metin renginin
hepsi AA'nın (4.5) çok üstünde kaldı:
--tebesir 16.07 · --sis 6.92 · --sis-2 5.63 · --altin 6.34
--gul 6.36 · --yesil 5.06 · --kirmizi 6.13 · --kobalt-ac 13.52
Kart–zemin ayrımı 1.315'ten 1.248'e indi; ayrım hâlâ görünür ama
daha da açarsan zemin-kart hiyerarşisi yeniden zayıflar. */
/* 8 Eyl 2026 — OPERATÖR KARARI: zemin beyaza çekildi (nedenkapatilsin
düzeni: near-white zemin + beyaz kartlar, ayrım gölge/çizgiyle). Eski
gül kurusu zemin (#F2DCD5) müşteriye fazla "pembe kütle" geliyordu.
Renk kimliği artık ZEMİNDEN değil vurgulardan (buton/logo/kaş/erik kartlar)
ve --kat-2 ile tonlanan bölümlerden geliyor. Zemin beyaza gidince
üstündeki bütün koyu metin kontrastları ARTTI (AA hâlâ güvende). */
--kok: #FAF6F5; /* zemin — sıcak near-white */
--kok-2: #FFFFFF;
--kat: #FFFFFF; /* kartlar — saf beyaz, zeminden parlak; gölge/çizgi ayırıyor */
--kat-2: #F7F1F0; /* tonlu bölüm/şerit — beyaza çok yakın, whisper tint */
--cizgi: #ECD9D3;
--cizgi-ac: #D9B9AF;
/* yazı — kömür mürekkep erik tarafına kaydırıldı. Nötr kahve (#1F1813)
pembe zeminde kirli görünüyordu. Soluk gri-mor ara tonlar da biraz
renk kazandı; ikisi de zeminde rahat okunuyor. */
--tebesir: #241A1D;
--sis: #6B4F57;
/* #9A7C85 idi: yeni zeminde kontrastı 2.8'e düşüyordu, yani süre ve ipucu
yazıları okunmaz hâle geliyordu. Koyulaştırıldı, 4.5 eşiğine oturdu. */
--sis-2: #7A5C64;
/* VURGU — iki renk.
--altin ana vurgu (gül), --gul ikinci vurgu (erik).
DÖRDÜNCÜ TUR: vurgu artık daha KOYU, daha açık değil — ve bu ters
görünse de doğru. Zemin gerçek bir renk kütlesi kazandığı için canlılık
oradan geliyor; vurgunun işi zeminin üstünde OKUNMAK. Zemin koyulaşınca
eski #B83A63'ün kontrastı 4.24'e düşüyordu, yani AA'nın altına iniyordu.
İKİSİ DE METİN OLARAK KULLANILIYOR (.kas, .bag, sahne başlıkları).
Yeni zemine (#F2DCD5) karşı ölçüldü:
--altin #A62E56 → kontrast ~5.1 (beyaz yazı üstünde ~6.7)
--gul #8E4269 → kontrast ~5.2
İkisi de AA eşiğinin (4.5) üstünde.
Parlak uçlar --altin-ac ve --gul-ac YALNIZ dolgu, halka ve gradyanda.
Metinde kullanma — zeminde ikisi de okunmuyor. */
/* KOYU YÜZEYLER 12 EYLÜL 2026'DA AÇILDI (operatör: "karamsar duruyor
çok fazla"). Sayfanın zemini zaten açıktı (--kok #FAF6F5); ağırlığı
veren şey zemin değil, ÜÇ BÜYÜK KOYU BLOKTU: randevu adım çubuğu,
"Dönüşüm vitrini" bölümü ve altbilgi — üçü de --kobalt-ac, artı
kapanış bloğu --kapanis-zemin.
TOKEN DEĞİŞTİ, YAPI DEĞİŞMEDİ. Blokların yeri ve işlevi aynı, yalnız
tonları yükseldi. İki koyu tonun BİRBİRİNDEN FARKLI kalması şart:
kapanış → harita → altbilgi sırasında ikisi aynı renk olursa harita
aradaki bir kesinti gibi duruyor (bkz. stil.css .dip notu). O yüzden
kapanış hâlâ altbilgiden bir tık koyu.
BEYAZ METİN KONTRASTI ÖLÇÜLDÜ, ikisi de AA'nın (4.5) çok üstünde:
--kobalt-ac #6B3E53 → beyaz metin 8.61 (önce 14.24)
--kapanis-zemin #4A2C3C → beyaz metin 12.23 (önce 16.07)
Daha fazla açılacaksa sınır ~#8E4269 (6.70); onun ötesinde altbilgideki
küçük metinler AA'dan düşmeye başlar. */
--kobalt-ac: #6B3E53;
--kapanis-zemin: #4A2C3C;
--altin: #A62E56;
--altin-ac: #E86A93;
--gul: #8E4269;
--gul-ac: #C982A8;
--yesil: #1E7A4B;
/* --kirmizi AYRI BİR ROLDÜR: hata, iptal, dolu. Marka rengi değil.
Ana vurgu artık pembe olduğu için eski tuğla kırmızısı (#B4453A) ona
fazla yakın kalıyordu — karışmasın diye turuncu tarafa çekildi.
Yeni bir uyarı yazarken --altin kullanma. */
/* #C1452B idi: yeni zeminde 3.86'ya düşüyordu. Hata metni okunmak
zorunda, koyulaştırıldı → ~5.0. */
--kirmizi: #A93720;
/* uzman renkleri — panelde nokta ve blok, sitede önlük gradyanı.
İkon rampasının erik ve gül aileleriyle aynı; birbirinden ayırt
edilebilmeleri için biri koyu biri açık. */
--uzman-dilara: #3A2430;
--uzman-ozkan: #B85470;
/* tipografi — İKİLİ YAPI 10 EYLÜL 2026'DA DARALDI.
Eskiden --vitrin hem markayı hem BÜTÜN büyük başlıkları taşıyordu.
İşletme başlıkları beğenmedi ("başlık yazı tiplerini beğenmedim") ve
başlıkların gövdeyle aynı aileye geçmesini, markanın serif kalmasını
istedi. Yani artık:
--vitrin = YALNIZ MARKA İŞARETİ (Bodoni Moda). Dört yerde kullanılıyor:
kahramandaki logo, altbilgideki marka adı, panelin kilit
ekranındaki marka, ve yorum kartlarındaki dev tırnak süsü.
--govde = HER ŞEY (Inter): gövde metni, arayüz VE bütün başlıklar.
Sayfa artık tek sesli; serif yalnız markanın imzası olarak duruyor.
Yeni bir başlığa --vitrin VERME, o karar geri alındı.
VİTRİN ARTIK BODONI MODA — 10 Eylül 2026, işletmenin isteği. Sebep:
"yazı tipi farklı bir şey olsun, ad logo gibi dursun". Cormorant Garamond
düşük kontrastlı bir garalde; Bodoni Moda bir Didone — kalın gövde, saç
inceliğinde tırnaklar, moda dergisi kapağı dili. Güzellik/saç sektörüne
Cormorant'tan daha yakın ve gözle bakınca AÇIKÇA farklı.
BODONI'NİN GETİRDİĞİ İKİ ŞEY:
1) opsz EKSENİ (6..96). Cormorant'ta yoktu. font-optical-sizing:auto
zaten varsayılan olduğu için tarayıcı opsz'i px cinsinden font-size'a
eşitliyor: büyük başlık tam Didone kontrastı alıyor, küçük metin
kalınlaştırılmış kesim alıyor. "Küçük puntoda ince çizgiler kaybolur"
riskini eksenin kendisi çözüyor, ayrı bir değişkene gerek yok.
TEK İSTİSNA logo: stil.css .marka-1'de opsz 96'ya SABİTLENDİ ki logo
telefonda ve masaüstünde aynı görünsün.
2) DAHA GENİŞ AKIŞ. Punto ve harf aralıkları buna göre yeniden ayarlandı
(stil.css .baslik/.adim-baslik/.kapanis-baslik/.puan-sayi,
sekans.css .sahne-baslik, yenileme.css .hizmet-ailesi-baslik).
Didone'de NEGATİF harf aralığı tırnakları birbirine değdiriyor —
eski -.01/-.055em değerleri 0'a ya da -.005em'e çekildi.
latin + latin-ext Türkçe glifleri taşıyor (METADATA.pb'den doğrulandı,
10 Eyl 2026): ğ Ğ ş Ş ı İ ö Ö ü Ü ç Ç.
GÖVDE BEŞİNCİ YAZI TİPİNDE: Jost → Plus Jakarta Sans → Figtree →
Epilogue → INTER.
TARİHSEL GEREKÇE (siliyorum değil, üstüne yazıyorum): ilk üç geçişin
sebebi X-YÜKSEKLİĞİYDİ (yazı küçük görünüyordu) ve Figtree o sorunu
çözmüştü. Dördüncü geçişin (Figtree → Epilogue) sebebi KARAKTERDİ;
Figtree doğru ama nötr bir yazı tipiydi, işletme daha vurucu bir görünüm
istedi. Gövde ağırlığı da o turda 460'tan 500'e çıktı (stil.css).
BEŞİNCİ GEÇİŞ — OPERATÖR KARARI, 8 EYLÜL 2026. Sebebi bir tipografi
tercihi değil, HİZALAMA: üst çubuk nedenkapatilsin arayüzünün düzenine
getirildi ve o arayüzün yazı tipi Inter. Site sahibinin operatörü bu
değişikliği açıkça yetkilendirdi ve AGENTS.md §5'teki yazı tipi kilidini
bilerek geçersiz kıldı. SONRAKİ AJAN BUNU EPILOGUE'A GERİ ALMASIN.
ÖLÇÜLDÜ (font dosyalarından, OS/2 tablosu — 8 Eyl 2026):
x-yükseklik Inter 0.546 em · Epilogue 0.531 em → Inter %2.8 DAHA BÜYÜK
cap-yükseklik Inter 0.728 em · Epilogue 0.738 em → pratikte aynı
Yani ilk üç geçişin sebebi olan "yazı küçük duruyor" sorunu geri gelmiyor;
19px/500 gövde ayarı aynen korunabiliyor. Aynı metin Inter'de %2,7 daha
DAR akıyor (ölçüldü), yani hiçbir yerde taşma riski yok.
latin + latin-ext altkümeleri Türkçe glifleri tam taşıyor:
ğ Ğ ş Ş ı İ ö Ö ü Ü ç Ç (tek tek doğrulandı).
Kaybedilen tek şey Epilogue'un ayırt edici 'a'/'g' karakteri — Inter
bilinçli olarak nötr bir arayüz yazı tipi. Vurucu karakter artık yalnız
--vitrin'den (Bodoni Moda) geliyor.
DİKKAT 1: HTML'de Inter DEĞİŞKEN EKSENLE isteniyor (wght@400..800).
Statik ağırlık listesiyle istenirse 500 yüklenmez ve gövde istemeden
400'e düşer — yani işletmenin iki kez istediği kalınlık kaybolur.
DİKKAT 2: index.html VE panel.html ayrı ayrı taşıyor; burayı
değiştirip ikisinden birini unutursan o yüzey sessizce system-ui'ye düşer.
DİKKAT 3: iki aile TEK ile isteniyor. Bodoni sorgusundaki bir
yazım hatası (özellikle eksen sırası — ital,opsz,wght ALFABETİK olmalı)
Google'a 400 döndürtür ve INTER DE GELMEZ; bütün site system-ui'ye düşer.
DİKKAT 4: Bodoni yüksek kontrastlı bir Didone. Küçük punto ve
büyük-harfli etiketlerde OKUNMUYOR — oralarda --govde kullan.
(Bkz. yenileme.css'teki adım numarası: --vitrin'den --govde'ye alındı.)
DİKKAT 5: gizlilik.html HİÇBİR Google Fonts i taşımıyor; orada
--vitrin yedeğe düşüyor. Yedek zincire Didot/Bodoni MT eklendi ki en
azından doğru aileden bir şey bulsun. */
--vitrin: "Bodoni Moda", Didot, "Bodoni MT", Georgia, "Times New Roman", serif;
--govde: "Inter", system-ui, "Segoe UI", sans-serif;
--sayi: "Inter", system-ui, "Segoe UI", sans-serif;
}