/* ============================================================================ Refik marketing site — design tokens (W-02). TEK KAYNAK: tip ölçeği, boşluk ritmi, renk, yarıçap, kap/gutter, süre. Bileşen dosyalarında çıplak hex ya da çıplak px YOK (tek istisna: 1px kenarlık, 0, ve %'li değerler). Kapı: test/siteAnasayfa.test.ts. Yazı tipleri (W-01): üçü de Google Fonts, OFL, DEPODA (CDN yok). Türkçe kapsama (ş Ş ğ Ğ ı İ ç Ç ö Ö ü Ü) her üç ailede de ölçülerek doğrulandı — latin + latin-ext alt kümeleri birlikte; ölçüm kalibre (Kiril Ж yok diye raporlanıyor, yani tarayıcı "her şey var" demiyor). ============================================================================ */ /* Display — Instrument Serif, TEK ağırlık (400). Başlıkların hepsi bu. */ @font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/instrument-serif-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/instrument-serif-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* Gövde / arayüz — Inter Tight (variable 400–700). Referansın gövde ailesi. */ @font-face{font-family:"Inter Tight";font-style:normal;font-display:swap;font-weight:400 700;src:url(fonts/inter-tight-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter Tight";font-style:normal;font-display:swap;font-weight:400 700;src:url(fonts/inter-tight-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} :root{ /* ---- Aileler -------------------------------------------------------- */ --aile-display:"Instrument Serif",Georgia,"Times New Roman",serif; --aile-govde:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; /* ---- Tip ölçeği: 9 adım (masaüstü). Mobil karşılıkları aşağıda. ---- Üst dört adım mobilde küçülür, alt beş adım HİÇ değişmez. */ --t1:64px; --t1-s:1.06; /* H1 */ --t2:48px; --t2-s:1.15; /* bölüm başlığı */ --t3:36px; --t3-s:1.2; /* bento karo başlığı */ --t4:28px; --t4-s:1.25; /* kart başlığı */ --t5:24px; --t5-s:1.3; /* küçük başlık */ --t6:20px; --t6-s:1.2; /* iri gövde — referans 20/24 (ölçüldü) */ --t7:18px; --t7-s:1.4; /* alt metin — referans 18/25.2 (ölçüldü) */ --t8:16px; --t8-s:1.4; /* temel gövde — referans bandı 1.3–1.4 */ --t9:14px; --t9-s:1.4; /* küçük gövde — referans bandı 1.3–1.4 */ --tm:13px; --tm-s:1.2; /* etiket / eyebrow (UPPERCASE + açılmış aralık) */ --tmicro:10px; /* rozet/atıf mikro etiketi */ /* Gövde satır aralığı referansın ÖLÇÜLEN bandının (1.3–1.4) üst ucunda: t6/t7 referansın tam değeri, t8/t9 bandın üst ucu. Birebir 1.3 alınmadı çünkü bu sayfanın 800px'lik akış paragrafları referansın kısa kart metinlerinden uzun; sapma bilinçli ve README'de yazılı. */ /* ---- Boşluk ritmi: 7 adım ------------------------------------------ */ --b1:4px; --b2:12px; --b3:16px; --b4:24px; --b5:48px; --b6:80px; --b7:120px; /* ---- Ölçü kapakları (referanstan ÖLÇÜLDÜ, ch DEĞİL) ---------------- Referansın kendi ölçümü: sola dayalı bölüm başlığı bloğu max 800px, ortalanmış alt metin max 672px (kap içeriği 1040px). `ch` birimi yazı tipine bağlı olduğu için font değişince sessizce kayardı — piksel. */ --olcu-bas:800px; --olcu-orta:672px; /* ---- Renk: 6 ana + koyu bölüm seti --------------------------------- */ --murekkep:#163A33; /* ÇAM — marka ana rengi; metin + koyu bölüm zemini (beyazda 12,45:1) */ --kagit:#FFFFFF; --kagit2:#F6F1E7; /* KREM — marka; bölüm alternasyonu (çam metin 11,06:1) */ --cizgi:#DEE3E2; /* çam %14 / zemin */ --soluk:#45615C; /* çam %80 / beyaz — ikincil metin; beyazda 6,74:1, kremde 5,98:1 (eski paletin yorumu kendi oranını YANLIŞ yazıyordu; o sayı buraya taşınMADI — defter her oranı BUGÜNKÜ tokenlere karşı ölçüyor, yani eski bir oran yorumda kalırsa SAHTE bir bayatlık kırmızısı üretir. Tarih README'de. Eski hex YAZILMADI: yorumdaki bir hex, "tokens dışında çıplak renk yok" sayacını kirletir — bu deponun ödenmiş dersi.) */ --vurgu:#163A33; /* GÖSTERGE (WCAG 1.4.11 → 3:1): odak halkası, ikon stroke, seçili plan. Çam, çünkü turuncu açık zeminde 2,91:1 (beyaz) / 2,58:1 (krem) — gösterge eşiğini bile GEÇMİYOR. Dekoratif turuncu ayrı token: --nokta. */ --nokta:#E8793A; /* TURUNCU — SALT DEKORATİF, 4 yer (nabız · kaş · blog :target · ızgara tarama çizgisi). Metin rengi ya da buton zemini OLAMAZ (ölçüldü). */ /* koyu bölüm türevleri (tek ana renkten) */ --koyu-yuzey:#112D28; /* siyah %22 / çam */ --koyu-cizgi:#3E5B53; /* krem %18 / çam */ --koyu-soluk:#A1ABA3; /* krem %62 / çam — çamda 5,26:1 */ --vurgu-acik:#F6F1E7; /* KREM — koyu zeminde gösterge (çamda 11,06:1) */ /* ---- Koyu bölümde YENİDEN EŞLENEN tokenler (eşleme: temel.css `.koyu`) ---- Kural: koyu bölüm eşlemesi SINIF ADI düzeyinde kapalı bir liste OLAMAZ — `color:var(--soluk)` yazan her yeni bileşen o listeden muaf doğuyordu (W-65, ölçüldü). Aşağıdaki iki token aynı sınıfın yeni üyeleri ve ikisi de CDP katmanıyla ÖLÇÜLEREK bulundu (`docs/olcumler/site-kontrast-cdp/`): --metin BİRİNCİL metin. `.yt-et` `var(--murekkep)` yazıyordu; koyu bölümde zemin de `--murekkep` olduğu için metin ZEMİNLE AYNI RENK çıkıyordu (ölçülen oran 1,00 — görünmez metin, 3 sayfa). `--murekkep`i `.koyu` içinde yeniden eşlemek YASAK: aynı blok `background:var(--murekkep)` yazıyor, yani zemin de beyaza dönerdi. Ayrı ad bu yüzden var. --yt-cizgi Yer tutucu bloğunun ÇAPRAZ ŞERİT rengi. `--cizgi` (açık yüzey çizgisi) koyu zeminde şeridi fazla açıyor ve metin şeridin üstünde eşiğin ALTINA düşüyordu. `--cizgi`yi toptan yeniden eşlemek bu turda YAPILMADI: o, koyu bölümdeki BÜTÜN kenarlıkları da soldurur — görsel/marka kararı, W-04'ün işi. */ --metin:var(--murekkep); --yt-cizgi:var(--cizgi); /* ---- Alfa BİRLEŞİK yüzeyler için metin tonu ------------------------------ `.cam` paneli zemini `color-mix(kağıt %12, transparent)` ile ÇAM üzerine biniyor; birleşik zemin artık `--murekkep` DEĞİL, ondan daha açık. Yani `--koyu-soluk`un kendi yorumundaki oran (çamda 5,26) o yüzeyde GEÇERSİZ — orada ölçülen 3,63 ve eşiğin altında. Bu token o BİRLEŞİK zemine karşı seçildi; oranı CSS yorumuna yazılMADI çünkü birleşik bir zemin iki tokenden yeniden üretilemez (iddia defterinin kovası yok) — ölçüm kaydı: `docs/olcumler/site-kontrast-cdp/OLCUM.md`. */ --cam-soluk:#BEC3BA; /* krem %75 / çam */ /* ---- Yarıçap: 2 ----------------------------------------------------- */ --y-kart:20px; --y-hap:9999px; /* ---- Kap ve gutter — 1360/80 ÖLÇÜLDÜ: siteYerlesimRitmi.test.ts ---- */ --kap:1360px; --gutter:80px; /* ---- Hareket: TEK desen (fade) — 250ms ÖLÇÜLDÜ, kapı aynı test ----- */ --sure:250ms; --egri:cubic-bezier(.22,.61,.36,1); --sure-kisa:180ms; /* ---- Gölge (kart yüzeyleri) ----------------------------------------- */ --golge:0 1px 2px rgba(22,58,51,.05), 0 12px 32px rgba(22,58,51,.07); --golge-guclu:0 2px 6px rgba(22,58,51,.08), 0 40px 90px rgba(22,58,51,.22); color-scheme:light; } /* Tablet: 991 — çok kolonlu her şey tek kolona düşer, gutter 40. */ @media (max-width:991px){ :root{ --gutter:40px; --t1:44px; --t2:36px; --t3:28px; --t4:24px; } } /* Mobil: 767 — gutter 20, üst dört adım son hâline iner. */ @media (max-width:767px){ :root{ --gutter:20px; --t1:34px; --t1-s:1.1; --t2:30px; --t3:24px; --t4:20px; --t4-s:1.3; } }