/* nCoach tanitim — site-wide theme tokens (dark-first). Structure: 1) bare :root = dark palette (site default) 2) prefers-color-scheme: light, guarded with :root:not([data-theme="dark"]) = light palette for the system default 3) :root[data-theme="light"] = light palette when the user toggles explicitly The data-theme attribute therefore overrides in both directions: "dark" defeats the light media query via the :not() guard, "light" wins over the bare :root. Every theme-dependent token below is defined in all three blocks — keep the two light blocks identical. Pages keep their own local variable names but point them at these --t-* tokens, so a single palette swap re-skins the whole site. --t-accent-bright is the emphatic gold next to the base --t-accent, and the emphasis direction flips with the theme: on dark ground it is lighter, on light ground it must be deeper, because a lighter gold on white loses the 4.5:1 text contrast. The two must stay distinguishable in both themes — scripts/check-contrast.js measures that step. --t-field-line is separate from --t-line / --t-line-strong because a form field's border is the field's ONLY visual boundary: WCAG 2.1 SC 1.4.11 asks it for 3:1 against both the fill and the band around it, while a decorative card edge is under no such threshold. Keeping one token for both would drag every decorative edge up with it. Its value is a solid grey rather than a translucent line so the ratio does not drift with whatever sits underneath. scripts/check-contrast.js measures the border tokens too. */ /* ============================================================================ YAZI TIPLERI — KENDI SUNUCUMUZDAN ---------------------------------------------------------------------------- Dosyalar assets/font/ altinda duruyor; site hicbir yazi tipi servisine istek atmiyor. Iki gerekce, ikisi de olculdu: 1) GIZLILIK. Dinamik olarak yuklenen bir yazi tipi servisi sayfa acilirken ziyaretcinin IP adresini onay alinmadan ucuncu tarafa aktarir. Onceden 29 sayfanin hepsi iki dis konaga baglaniyordu (58 + 29 referans). Aktarimi hukuka uygun hale getirmenin tek temiz yolu aktarimi ORTADAN KALDIRMAK. 2) DUZEN KAYMASI. Olculdu 2026-09-14 (400px, soguk onbellek): ana sayfada CLS 0.24-0.27 idi ve tek sebebi yazi tipi gecisiydi — dis yazi tipi istegi engellenince CLS 0'a duyuyordu, gorseller engellenince degismiyordu. Sebep: yedek yiginin metrikleri Inter ile eslesmiyordu, swap aninda satir kutulari yeniden olculuyor ve altindaki her sey kayiyordu. Cozum iki parcali: (a) dosyalar ayni kokten geliyor ve on yukleniyor, (b) yedek aileler METRIK ESLEMELI tanimli — swap anindaki olcu farki sifirlaniyor. Metrikler olculdu (headless Chrome, canvas TextMetrics, 100px, ayni ornek metin — 26 harf x 2 + rakamlar + marka ifadesi): Inter 5108.3 / Arial 4851.9 = %105.28 (ust 97, alt 24) Playfair: canvas olcumu guvenilir cikmadi, deger sayfanin gercek ciziminden secildi — ayrintisi asagida yedek tanimin yaninda. size-adjust = hedef genislik / yedek genislik; ust/alt payi da ayni orana bolunerek veriliyor. ARTIK KALAN FARK OLCULDU (yazi tipi dosyalari tumden engellendiginde, yani yedek yigin tek basina cizerken): belge yuksekligi farki tr/index.html 400px'te -21px, 1440px'te +24px, en/index.html 400px'te -57px — sayfa boyunun %0.3-0.7'si. Oncesi ayni olcumde 91-155px idi. ON YUKLEME yalniz govde fontu icin yapiliyor. Baslik fontu (Playfair) 20 sayfada kullaniliyor ama on yuklenmiyor: ek 59KB'lik on yukleme ilk boyamayi geciktirir ve yedek metrikleri eslendikten sonra gec gelen bir baslik fontunun uretecegi kayma kucuk kaliyor. Yedek olarak local() ile Arial ve Georgia secildi: ikisi de her masaustu platformda ayni olculerle bulunur; system-ui ise platformdan platforma degistigi icin tek bir orana baglanamaz. Alt kume adresleri ve unicode-range degerleri servisin kendi ciktisindan alindi; boylece hangi harf hangi dosyayi indiriyor sorusu degismedi. Turkce ve Ingilizce sayfalarin ikisi de latin-ext'e ihtiyac duyuyor (olculdu: en/ altinda s-cedilla ve I-nokta geciyor, tr/ altinda 1865 kez). ============================================================================ */ /* ---- Inter (degisken agirlik 100-900) ---- */ @font-face{ font-family:'Inter'; font-style:normal; font-weight:100 900; font-display:swap; src:url('../font/inter-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'; font-style:normal; font-weight:100 900; font-display:swap; src:url('../font/inter-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; } /* ---- Playfair Display (degisken agirlik 400-900) ---- */ @font-face{ font-family:'Playfair Display'; font-style:normal; font-weight:400 900; font-display:swap; src:url('../font/playfair-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:'Playfair Display'; font-style:normal; font-weight:400 900; font-display:swap; src:url('../font/playfair-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; } @font-face{ font-family:'Playfair Display'; font-style:italic; font-weight:400 900; font-display:swap; src:url('../font/playfair-italic-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:'Playfair Display'; font-style:italic; font-weight:400 900; font-display:swap; src:url('../font/playfair-italic-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; } /* ---- METRIK ESLEMELI YEDEKLER ---- Yazi tipi inene kadar ciziminde kullanilan aile. Olculer yukaridaki oranlardan geliyor; swap anindaki satir kutusu farki bu sayede sifira yakin kaliyor. Dosya indirilmez: src yalnizca local(). */ @font-face{ font-family:'Inter fallback'; src:local('Arial'),local('Helvetica Neue'),local('Liberation Sans'); size-adjust:105.28%; ascent-override:92.13%; descent-override:22.80%; line-gap-override:0%; } @font-face{ font-family:'Playfair Display fallback'; src:local('Georgia'),local('Times New Roman'),local('Liberation Serif'); /* Bu oran canvas olcumunden DEGIL, sayfanin gercek ciziminden secildi. Playfair degisken bir yuz ve canvas'ta agirlik ekseni guvenilir uygulanmiyor (400 agirlikta %101.70, 700 agirlikta %89.08 gibi birbiriyle celisen oranlar verdi). Bunun yerine deger suplu olculdu: yazi tipi dosyalari engellenip sayfanin belge yuksekligi ve h1 kutusu gercek fontlu kosumla karsilastirildi (tr/index.html, 400px ve 1440px): size-adjust %89 %93 %97 %101 %105 h1 farki -37 -37 -37 0 0 px (400px) belge farki -155 -123 -91 -53 -21 px (400px) belge farki -103 -103 -26 +24 +24 px (1440px) %105'te h1 iki genislikte de birebir ayni sariyor ve belge farki %0.3-0.5'e iniyor. Ust/alt payi ayni orana bolunuyor. */ size-adjust:105%; ascent-override:102.86%; descent-override:23.81%; line-gap-override:0%; } :root{ color-scheme: dark; /* blok ritmi: bir bolumun ICINDEKI dikey bosluk (iki basamak, ucuncusu yok). Bolumler ARASI ritim dosyanin sonundaki section{} kuralidir. Sayfalar bugune kadar 22, 24, 26, 28, 30, 34 ve 40px'i ayni ise kosuyordu; sahne katmani da kendi iki jetonunu buradan turetir (assets/css/mock.css), boylece cizim ile metin ayni ritmi konusur. Temadan bagimsiz. */ --t-flow:24px; --t-flow-lg:40px; /* tipografi: sitenin TEK yazi tipi kaynagi. Sayfalar kendi takma adlarini (--f-body, --sans, --font, --body ...) korur ama hepsi buraya bakar; bu dosyayi yirmi bir sayfanin hepsi bagladigi icin tek yerden degisir. Onceden ayni yigin on bir ayri yerde yazilmisti ve ikisi kaymisti: ozellikler/features Inter'i indirip sistem yiginini kullaniyor, inceliklerimiz/our-approach Inter'i sistem fontlarinin ARDINA koyuyordu — yani o dort sayfada sahne yazilari SF Pro/Segoe ile, digerlerinde Inter ile ciziliyordu. Sahneler kendi fontunu bildirmez (assets/css/mock.css font-family:inherit), o yuzden bu jeton ayni zamanda diyagram yazilarinin fontudur. scripts/check-font.js olcer. Temadan bagimsiz. */ --t-font-body:'Inter','Inter fallback',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; --t-font-display:'Playfair Display','Playfair Display fallback',Georgia,'Times New Roman',serif; --t-font-mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace; /* brand constants (identical in both themes) */ --t-navy-950:#020617; --t-navy-900:#0F172A; --t-navy-800:#1E293B; --t-navy-300:#CBD5E1; --t-gold-const:#D4AF37; --t-gold-300-const:#E0C566; --t-cream:#FAFAF7; /* theme tokens — dark */ --t-bg:#020617; --t-bg-soft:#0B1220; --t-surface:rgba(15,23,42,.62); --t-surface-2:rgba(15,23,42,.78); --t-surface-solid:#0F172A; --t-panel:rgba(255,255,255,.05); --t-panel-faint:rgba(255,255,255,.03); --t-line:rgba(148,163,184,.20); --t-line-strong:rgba(148,163,184,.34); --t-line-soft:rgba(148,163,184,.10); --t-field-line:#64748B; --t-ink:#F1F5F9; --t-ink-soft:#CBD5E1; --t-ink-dim:#94A3B8; --t-ink-faint:#78849B; --t-accent:#D4AF37; --t-accent-bright:#E0C566; --t-on-accent:#1A1405; --t-accent-soft:rgba(212,175,55,.14); --t-accent-line:rgba(212,175,55,.34); --t-gold-grad-a:#E0C566; --t-gold-grad-b:#D4AF37; --t-cyan-ink:#67E2F9; --t-cyan-soft:rgba(12,182,234,.12); --t-cyan-line:rgba(12,182,234,.40); --t-glow:rgba(12,182,234,.28); --t-focus:#67E2F9; --t-danger:#FCA5A5; --t-danger-soft:rgba(248,113,113,.12); --t-danger-line:rgba(248,113,113,.48); /* Uyari hata degil. "Boru Hattin daraliyor" gibi sahne uyarilari form hatasiyla ayni kirmiziyi tasiyinca cizimde bagiriyordu; bu jeton toprak tarafina kaydirilmis, doygunlugu dusurulmus kiremit. --t-danger yalniz form hatasinda kalir. */ --t-warn:#DDA694; --t-head-bg:rgba(2,6,23,.72); --t-head-solid:rgba(2,6,23,.96); --t-logo:#0CB6EA; --t-shadow:rgba(0,0,0,.5); /* Tuvalin USTUNDEKI tek katman (assets/css/shared.css body::before), o yuzden burada duran her sey tuvalden goze ulasan payi kisiyor. 2026-09-08'e kadar yigina bir de dip karartmasi (linear-gradient, sayfa dibinde .44 alfa) biniyordu: ekranin altina inildikce ag sonuyordu ve iki temada da en dusuk pay oradaydi (light 0.040). Kalan iki leke sayfaya derinlik veriyor, kisma ise 3%'un altinda. Iki tema ayni iki katmani tasir. */ --t-veil: radial-gradient(120% 80% at 50% -10%, rgba(12,182,234,.07), transparent 60%), radial-gradient(90% 60% at 90% 110%, rgba(212,175,55,.07), transparent 65%); --net-a:#0CB6EA; --net-b:#D4AF37; } @media (prefers-color-scheme: light){ :root:not([data-theme="dark"]){ color-scheme: light; --t-bg:#FAFAF7; --t-bg-soft:#F1F5F9; --t-surface:rgba(255,255,255,.74); --t-surface-2:rgba(255,255,255,.88); --t-surface-solid:#FFFFFF; --t-panel:rgba(15,23,42,.06); --t-panel-faint:rgba(15,23,42,.035); --t-line:rgba(15,23,42,.12); --t-line-strong:rgba(15,23,42,.22); --t-line-soft:rgba(15,23,42,.07); --t-field-line:#78849B; --t-ink:#0F172A; --t-ink-soft:#334155; --t-ink-dim:#475569; --t-ink-faint:#5F6B7E; --t-accent:#755D09; --t-accent-bright:#654F0A; --t-on-accent:#FFFFFF; --t-accent-soft:rgba(117,93,9,.12); --t-accent-line:rgba(117,93,9,.36); --t-gold-grad-a:#846A0B; --t-gold-grad-b:#685308; --t-cyan-ink:#0C6480; --t-cyan-soft:rgba(12,100,128,.10); --t-cyan-line:rgba(12,100,128,.45); --t-glow:rgba(12,100,128,.18); --t-focus:#0C6480; --t-danger:#B3261E; --t-danger-soft:rgba(179,38,30,.08); --t-danger-line:rgba(179,38,30,.42); --t-warn:#8F3F28; --t-head-bg:rgba(250,250,247,.80); --t-head-solid:rgba(250,250,247,.98); --t-logo:#004B81; --t-shadow:rgba(15,23,42,.18); --t-veil: radial-gradient(120% 80% at 50% -10%, rgba(12,182,234,.04), transparent 60%), radial-gradient(90% 60% at 90% 110%, rgba(146,117,12,.05), transparent 65%); --net-a:#0E7493; --net-b:#92750C; } } :root[data-theme="light"]{ color-scheme: light; --t-bg:#FAFAF7; --t-bg-soft:#F1F5F9; --t-surface:rgba(255,255,255,.74); --t-surface-2:rgba(255,255,255,.88); --t-surface-solid:#FFFFFF; --t-panel:rgba(15,23,42,.06); --t-panel-faint:rgba(15,23,42,.035); --t-line:rgba(15,23,42,.12); --t-line-strong:rgba(15,23,42,.22); --t-line-soft:rgba(15,23,42,.07); --t-field-line:#78849B; --t-ink:#0F172A; --t-ink-soft:#334155; --t-ink-dim:#475569; --t-ink-faint:#5F6B7E; --t-accent:#755D09; --t-accent-bright:#654F0A; --t-on-accent:#FFFFFF; --t-accent-soft:rgba(117,93,9,.12); --t-accent-line:rgba(117,93,9,.36); --t-gold-grad-a:#846A0B; --t-gold-grad-b:#685308; --t-cyan-ink:#0C6480; --t-cyan-soft:rgba(12,100,128,.10); --t-cyan-line:rgba(12,100,128,.45); --t-glow:rgba(12,100,128,.18); --t-focus:#0C6480; --t-danger:#B3261E; --t-danger-soft:rgba(179,38,30,.08); --t-danger-line:rgba(179,38,30,.42); --t-warn:#8F3F28; --t-head-bg:rgba(250,250,247,.80); --t-head-solid:rgba(250,250,247,.98); --t-logo:#004B81; --t-shadow:rgba(15,23,42,.18); --t-veil: radial-gradient(120% 80% at 50% -10%, rgba(12,182,234,.04), transparent 60%), radial-gradient(90% 60% at 90% 110%, rgba(146,117,12,.05), transparent 65%); --net-a:#0E7493; --net-b:#92750C; } /* ---------- shared components built on the tokens ---------- */ /* Odak halkasi — sitenin TEK kaynagi. Burada duruyor cunku theme.css'i on dokuz sayfanin hepsi (kok dil kapisi dahil) bagliyor; chrome.css'te olsaydi kapi disarida kalirdi. On sekiz dil sayfasi bu dosyayi kendi