/* ═══════════════════════════════════════════════════════════════════════════ AÇIK TEMA — Ultimate Garage kabul paneli · 14.09.2026 Kullanıcı: "arkaplan açık renk şık bir şey dene ama yazı renklerinin tonunu da okunur olması için ayarla." YÖNTEM: ug.css tamamen token tabanlı olduğu için burada KURAL YENİDEN YAZILMAZ, yalnız tokenler açık paletle değiştirilir. Sonra koyu temaya özgü birkaç gerçek (beyaz üstü beyaz parlaklık, koyu gölge, kaydırma çubuğu) düzeltilir. RENK SEÇİMİ ÖLÇÜLDÜ (WCAG AA): ink-1 #0F1A2E / zemin #F4F6FB → 15.8:1 (eşik 4.5) ink-2 #42536E / yüzey #FFFFFF → 8.6:1 ink-3 #62718C / yüzey #FFFFFF → 5.0:1 (eşik 4.5 · gri metin burada biter) aksan #1F6F9F / yüzey #FFFFFF → 5.2:1 (logonun gök mavisi #71C0ED açık zeminde 1.9:1 — METİN için koyulaştırıldı; dolgu/vurgu olarak açık ton korunur) iyi #12795A · uyari #8A5A0B · hata #B3303F → hepsi 4.5 üstü MARKA: degrade yine YALNIZ ana eylem düğmesinde ve logoda. Açık zeminde degradenin üstündeki beyaz yazı 16px/700 olduğu için büyük metin eşiğinde (3:1). Koyu temaya dönmek için: üst bardaki tema düğmesi (html[data-tema="koyu"]). ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]) { /* ── zemin ve yüzeyler: nötr gri değil, markanın mavisine hafif çalan ── */ --zemin:#F4F6FB; --yuzey-1:#FFFFFF; --yuzey-2:#F8FAFD; --yuzey-3:#EFF3F9; --yuzey-4:#E4EBF5; --cizgi:#E3E9F2; --cizgi-2:#D3DCE9; --cizgi-3:#B6C2D5; /* ── mürekkep ── */ --ink-1:#0F1A2E; --ink-2:#42536E; /* [TUR 10] Bölge tonları geldikten sonra ölçüldü: #62718C en koyu bölgede (dip #E4EBF5) 4.11:1'e düşüyordu. #566480 beş bölgenin en kötüsünde 4.96. */ /* [TUR 11] bölge tonları derinleşince yeniden ölçüldü: #566480 en koyu bölgede (dip #D3DFEF) 4.41'e düşüyordu → #505D74 ile 4.93. */ --ink-3:#505D74; /* ── marka ── */ --m-mavi:#71C0ED; --m-lacivert:#4050A0; --m-pembe:#DB3D8E; --m-mor:#8E5FC0; /* etkin kategori cipinde 4.42 olculdu → #1A6189 ile 5.44 */ --aksan:#1A6189; /* METİN/ikon için koyulaştırılmış gök mavisi */ --aksan-koyu:#155676; --aksan-acik:#71C0ED; --aksan-acik-2:#A6D8F3; --aksan-canli:#2A88C0; --aksan-sis:rgba(31,111,159,.09); --aksan-hat:linear-gradient(90deg,rgba(31,111,159,0),rgba(31,111,159,.55) 20%,rgba(31,111,159,.55) 80%,rgba(31,111,159,0)); --ana-deg:linear-gradient(100deg,#4E63C8 0%,#8E5FC0 50%,#DB3D8E 100%); --ana-ink:#FFFFFF; --ana-parilti:0 8px 20px -10px rgba(78,99,200,.45); --ana-parilti-ust:0 12px 26px -10px rgba(142,95,192,.5); --platin:#0F1A2E; --platin-ust:#1B2740; --platin-ink:#FFFFFF; --koyu-ink:#FFFFFF; --para:#0F1A2E; --para-sis:rgba(31,111,159,.08); --para-deg:none; /* [TUR 10] Bolge tonlari koyulasinca olculdu: #12795A bildirimde 4.05, adim rozetinde 4.49 kaliyordu. #0E6B4F en kotu yerde 4.89. */ --iyi:#0E6B4F; --iyi-sis:rgba(18,121,90,.10); /* [TUR 10] eksik listesi basliginda (uyari-sis zemini) 4.45 olculdu → #7A4F09 ile 5.35. Teklif bandi rozeti ayrica ezilir (asagida). */ --uyari:#7A4F09; --uyari-sis:rgba(138,90,11,.10); /* eksik listesi basliginda 4.45 olculdu → #9E2937 ile 5.58 */ --hata:#9E2937; --hata-sis:rgba(179,48,63,.09); --odak:0 0 0 3px rgba(31,111,159,.30); /* açık zeminde gölge GERÇEKTEN işe yarar: kartı zeminden ayırır */ --halka:inset 0 1px 0 rgba(255,255,255,.9); --halka-ust:inset 0 1px 0 rgba(255,255,255,.9); --sirt:none; --kart-golge:0 1px 2px rgba(15,26,46,.05), 0 6px 16px -8px rgba(15,26,46,.10); --kart-golge-ust:0 0 0 1px rgba(31,111,159,.22), 0 10px 24px -10px rgba(31,111,159,.20); --golge-yumusak:0 10px 30px -18px rgba(15,26,46,.28); --golge-eylem:none; --cam-yuzey:rgba(255,255,255,.78); color-scheme:light; } /* ── koyu temaya özgü gerçeklerin düzeltilmesi ───────────────────────────── */ html:not([data-tema="koyu"]) body{background:var(--zemin); color:var(--ink-1)} /* kart sırtındaki "beyaz parlaklık" açık zeminde görünmez bir kirlilik; kaldırıldı ve yerine ince gölge + kenarlık geldi. */ html:not([data-tema="koyu"]) .kart, html:not([data-tema="koyu"]) .kalem, html:not([data-tema="koyu"]) .toplam, html:not([data-tema="koyu"]) .teklif, html:not([data-tema="koyu"]) .bkart, html:not([data-tema="koyu"]) .kayit, html:not([data-tema="koyu"]) .foto, html:not([data-tema="koyu"]) .madde, html:not([data-tema="koyu"]) .giris-kart, html:not([data-tema="koyu"]) .sayac, html:not([data-tema="koyu"]) .gsatir{ background-image:none; border-color:var(--cizgi-2); box-shadow:var(--kart-golge); } html:not([data-tema="koyu"]) .kart:hover{background-image:none; background-color:var(--yuzey-2)} /* [TUR 10] Üst bar / ray / panel / dip / çalışma yüzeyi zeminleri artık BÖLGE TOKENLARINDAN gelir (ug.css "BÖLGE ZEMİNLERİ" bölümü); açık tema yalnız tokenları ezer. Buradaki eski `background:` kısayolları dokuları siliyordu (kısayol background-image'ı da sıfırlar) — kaldırıldı. Cam efekti iki temada da yok: ton ayrımı cam altında yıkanıyordu. */ html:not([data-tema="koyu"]) .ust, html:not([data-tema="koyu"]) .ray{ backdrop-filter:none; -webkit-backdrop-filter:none; } /* kaydırma çubuğu: beyaz yerine koyu saydam */ html:not([data-tema="koyu"]) ::-webkit-scrollbar-thumb, html:not([data-tema="koyu"]) .sol::-webkit-scrollbar-thumb, html:not([data-tema="koyu"]) .para-ic::-webkit-scrollbar-thumb, html:not([data-tema="koyu"]) .yap-govde::-webkit-scrollbar-thumb{ background:rgba(15,26,46,.18); background-clip:padding-box; } html:not([data-tema="koyu"]) .sol::-webkit-scrollbar-thumb:hover{background:rgba(15,26,46,.30); background-clip:padding-box} html:not([data-tema="koyu"]) ::selection{background:rgba(31,111,159,.20); color:var(--ink-1)} /* modal perdesi: koyu zeminde siyahtı, açıkta lacivert saydam daha şık */ html:not([data-tema="koyu"]) .yap-modal, html:not([data-tema="koyu"]) .modal, html:not([data-tema="koyu"]) .isikli{background:rgba(15,26,46,.42); backdrop-filter:blur(3px)} html:not([data-tema="koyu"]) .yap-kart, html:not([data-tema="koyu"]) .modal-kart{box-shadow:0 24px 60px -24px rgba(15,26,46,.40)} /* plaka çipi: açık zeminde daha belirgin */ html:not([data-tema="koyu"]) .plaka, html:not([data-tema="koyu"]) .plaka-rz{ background:var(--yuzey-3); border-color:var(--cizgi-2); color:var(--ink-1); } /* form alanları: beyaz kart üstünde beyaz alan kaybolur → hafif gri */ html:not([data-tema="koyu"]) .alan input, html:not([data-tema="koyu"]) .alan select, html:not([data-tema="koyu"]) .alan textarea, html:not([data-tema="koyu"]) .gir{ background:var(--yuzey-2); border-color:var(--cizgi-2); color:var(--ink-1); } html:not([data-tema="koyu"]) .alan input:hover, html:not([data-tema="koyu"]) .gir:hover{border-color:var(--cizgi-3)} html:not([data-tema="koyu"]) .alan input:focus, html:not([data-tema="koyu"]) .gir:focus{ background:var(--yuzey-1); border-color:rgba(31,111,159,.65) !important; box-shadow:var(--odak); } html:not([data-tema="koyu"]) input::placeholder, html:not([data-tema="koyu"]) textarea::placeholder{color:var(--ink-3); opacity:1} /* ana eylem düğmesi: degrade aynı, gölge açık zemine göre */ html:not([data-tema="koyu"]) .dg-ana{box-shadow:var(--ana-parilti)} html:not([data-tema="koyu"]) .dg-ana:hover{box-shadow:var(--ana-parilti-ust)} /* ikincil düğme: koyu zemin kuralı açıkta ters çalışıyordu */ html:not([data-tema="koyu"]) .dg-ikinci{background:var(--yuzey-1); color:var(--ink-1); border:1px solid var(--cizgi-2)} html:not([data-tema="koyu"]) .dg-ikinci:hover{background:var(--yuzey-3); border-color:var(--cizgi-3)} html:not([data-tema="koyu"]) .dg-hayalet{color:var(--ink-2)} html:not([data-tema="koyu"]) .dg-hayalet:hover{background:var(--yuzey-3); color:var(--ink-1)} /* seçili durumlar: açık zeminde dolgu daha belirgin olmalı */ html:not([data-tema="koyu"]) .kart.secili, html:not([data-tema="koyu"]) .hsatir.secili, html:not([data-tema="koyu"]) .bkart.sec{ background:var(--aksan-sis); border-color:rgba(31,111,159,.45); box-shadow:inset 0 0 0 1px rgba(31,111,159,.20), var(--kart-golge); } html:not([data-tema="koyu"]) .p-btn.sec, html:not([data-tema="koyu"]) .pil.sec, html:not([data-tema="koyu"]) .seg button.sec, html:not([data-tema="koyu"]) .kat-serit button.sec{ background:var(--aksan-sis); color:var(--aksan); border-color:rgba(31,111,159,.45); } html:not([data-tema="koyu"]) .kat-serit button.sec .adet{background:var(--ana-deg); color:#fff} html:not([data-tema="koyu"]) .ray-a.aktif .no{background:var(--aksan-sis); color:var(--aksan); border-color:rgba(31,111,159,.45)} html:not([data-tema="koyu"]) .ray-a.bitti .no{background:var(--iyi-sis); color:var(--iyi); border-color:rgba(18,121,90,.35)} /* rozetler */ html:not([data-tema="koyu"]) .rz-notr{background:var(--yuzey-3); color:var(--ink-2); border-color:var(--cizgi-2)} /* KROKİLER: SVG'ler zaten açık zemin için çizilmiş — beyaz kağıt üstünde dursun */ html:not([data-tema="koyu"]) .kroki-cizim, html:not([data-tema="koyu"]) .arac-kroki{ background:var(--yuzey-1); border-color:var(--cizgi-2); box-shadow:var(--kart-golge); } html:not([data-tema="koyu"]) .kroki-cizim .kroki-parca.is-secili{stroke:rgba(15,26,46,.55); stroke-width:3} html:not([data-tema="koyu"]) .arac-kroki .ak-parca.is-secili{fill:#1F6F9F !important; stroke:#0F1A2E; stroke-width:1.5} html:not([data-tema="koyu"]) .arac-kroki .ak-parca.is-secili + text, html:not([data-tema="koyu"]) .arac-kroki text{fill:#0F1A2E} /* asistan: canlı dosyası zaten açık temalı — koyu tur düzeltmelerini geri al */ html:not([data-tema="koyu"]) .ugas-balon{ background:#FFFFFF; border:1px solid var(--cizgi-2); box-shadow:0 14px 34px -16px rgba(15,26,46,.35); } html:not([data-tema="koyu"]) .ugas-baslik{color:var(--ink-1)} html:not([data-tema="koyu"]) .ugas-metin, html:not([data-tema="koyu"]) .ugas-liste{color:var(--ink-2)} html:not([data-tema="koyu"]) .ugas-oneri{background:var(--yuzey-2); border-color:var(--cizgi-2)} html:not([data-tema="koyu"]) .ugas-oneri-ad{color:var(--ink-1)} html:not([data-tema="koyu"]) .ugas-oneri-fiyat{color:var(--ink-1)} html:not([data-tema="koyu"]) .ugas-oneri-gerekce{color:var(--ink-3)} html:not([data-tema="koyu"]) .ugas-btn-atla{background:#fff; color:var(--ink-2); border-color:var(--cizgi-2)} html:not([data-tema="koyu"]) .ugas-btn-atla:hover{background:var(--yuzey-3); color:var(--ink-1)} /* giriş ekranı */ html:not([data-tema="koyu"]) .giris-sar{background:var(--zemin)} html:not([data-tema="koyu"]) .giris-kart{background:var(--yuzey-1); box-shadow:0 20px 50px -26px rgba(15,26,46,.35)} /* mobil sabit çubuk gölgesi */ @media (max-width:1023px){ html:not([data-tema="koyu"]) .para-dip{box-shadow:0 -12px 30px -18px rgba(15,26,46,.30)} html:not([data-tema="koyu"]) .levha-serit{background:var(--yuzey-2); border-color:var(--cizgi-2)} } /* ── TEMA DÜĞMESİ ── */ .tema-dgm{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:44px; min-height:44px; padding:0 10px; background:var(--yuzey-2); color:var(--ink-2); border:1px solid var(--cizgi-2); border-radius:var(--r-kontrol); cursor:pointer; font:inherit; font-size:var(--t-etiket); font-weight:600; transition:color var(--hiz-2), background var(--hiz-2), border-color var(--hiz-2); } .tema-dgm:hover{color:var(--ink-1); border-color:var(--cizgi-3); background:var(--yuzey-3)} .tema-dgm:focus-visible{outline:none; box-shadow:var(--odak)} .tema-dgm .ik{width:17px; height:17px} @media (max-width:820px){ .tema-dgm .ad{display:none} .tema-dgm{padding:0} } /* ── kontrast ölçümünün yakaladığı tek gerçek bulgu ────────────────────────── Kategori sekmesindeki sayaç çipi ink-3 ile 4.4:1 kalıyordu (eşik 4.5). Yazı bir ton koyulaştı, çip zemini biraz açıldı. */ html:not([data-tema="koyu"]) .kat-serit .adet{ color:var(--ink-2); background:var(--yuzey-3); border:1px solid var(--cizgi-2); } /* ═══════════════════════════════════════════════════════════════════════════ TASLAKLAR — kompakt liste · açık tema düzeltmeleri Satır kartları açık zeminde yalnız kenarlıkla ayrılmıyor; ince gölge gerekir. ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]) .t-satir{ border-color:var(--cizgi-2); box-shadow:0 1px 2px rgba(15,26,46,.05); } html:not([data-tema="koyu"]) .t-satir:hover{ background:var(--yuzey-2); box-shadow:0 3px 10px -4px rgba(15,26,46,.16); } html:not([data-tema="koyu"]) .t-dag.aktif{border-color:rgba(31,111,159,.35)} html:not([data-tema="koyu"]) .t-dag-cubuk{background:var(--yuzey-4)} html:not([data-tema="koyu"]) .t-plaka{background:var(--yuzey-3); border-color:var(--cizgi-2)} html:not([data-tema="koyu"]) .t-bilgi{background:var(--yuzey-2); border-color:var(--cizgi-2)} /* ═══════════════════════════════════════════════════════════════════════════ BÜYÜK RAKAMLAR — degrade kırpma kapatıldı [14.09.2026] ug.css te .toplam .rakam / .kart .fiyat / .kalem-tutar .son / .sayac .rakam `background:var(--para-deg)` + `color:transparent` ile boyanıyor. Açık temada --para-deg:none olduğu için rakam TAMAMEN GÖRÜNMEZ kalıyordu (kontrast ölçeri degrade zeminli öğeleri atladığı için yakalayamamıştı). Burada dolgu düz renge çevriliyor: --para = #0F1A2E, beyazda 15.8:1. ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]) .toplam .rakam, html:not([data-tema="koyu"]) .kart .fiyat, html:not([data-tema="koyu"]) .kalem-tutar .son, html:not([data-tema="koyu"]) .sayac .rakam{ background:none; background-image:none; -webkit-background-clip:border-box; background-clip:border-box; color:var(--para); -webkit-text-fill-color:var(--para); filter:none; text-shadow:none; } /* ═══════════════════════════════════════════════════════════════════════════ TEKLİF BANDI ROZETİ — açık temada ölçülen tek eşik altı metin [14.09.2026] ug.css:1835 bu rozeti marka mavisine çeviriyor: color --aksan (#1F6F9F), zemin --aksan-sis. Bant da aynı sisi taşıdığı için mavi İKİ KEZ üst üste biniyor; bileşik zemin rgb(207,223,235) çıkıyor ve oran 4.02:1'e düşüyordu. Ölçüm: #1F6F9F 4.02 · #1A6189 4.94 · #155275 6.17 → #155275 seçildi. ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]) .teklif .rz-uyari, html:not([data-tema="koyu"]) .teklif-ust .rz-uyari{ color:#155275; border-color:rgba(31,111,159,.42); } /* kontrol çubuğu · açık tema: amber düğme metni koyu kalmalı (beyaz 2.4:1) */ html:not([data-tema="koyu"]) .kontrol-cubugu{ background:var(--yuzey-1); border-bottom-color:var(--cizgi-2); box-shadow:0 1px 3px rgba(15,26,46,.06); } /* [TUR 10] Tek kaynak: koyu temada durum renkleri SOLUK → koyu mürekkep; açık temada DOYGUN → beyaz mürekkep. Ölçüldü, dördü de eşiği geçiyor. */ html:not([data-tema="koyu"]){--kc-ink:#FFFFFF} html:not([data-tema="koyu"]) .kontrol-cubugu[data-insp-state="error"]{background:#FDF2F3} /* ═══════════════════════════════════════════════════════════════════════════ HİZMET AKSANLARI — açık tema tonları [TUR 9 · 14.09.2026] Marka renkleri koyu zemin için örneklenmişti; beyaza yakın çip sisi üzerinde metin olarak zayıf kalıyorlar (ölçüldü: gök mavisi #71C0ED → 1.83:1). Aynı HUE ailesinde, eşiği geçen EN AÇIK ton seçildi; hem çip metni hem de SEÇİLİ karttaki beyaz metin (dolgu) ölçüldü: 96 PPF #1F6F9F çip 5.00 beyaz 5.48 97 Renkli PPF #BC2D75 çip 4.68 beyaz 5.57 98 Seramik #7A4BAA çip 5.09 beyaz 6.15 99 Cam filmi #136F63 çip 5.50 beyaz 6.03 (96 ile karışmasın diye teal) 100 Ayna #4050A0 çip 5.72 beyaz 7.31 Sis oranları da yükseltildi: %13-14 tint açık zeminde neredeyse görünmüyordu. ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]) .koruma .kart[data-hiz="96"] { --hiz-renk:#1F6F9F; --hiz-sis:rgba(31,111,159,.10) } html:not([data-tema="koyu"]) .koruma .kart[data-hiz="97"] { --hiz-renk:#BC2D75; --hiz-sis:rgba(188,45,117,.10) } html:not([data-tema="koyu"]) .koruma .kart[data-hiz="98"] { --hiz-renk:#7A4BAA; --hiz-sis:rgba(122,75,170,.11) } html:not([data-tema="koyu"]) .koruma .kart[data-hiz="99"] { --hiz-renk:#136F63; --hiz-sis:rgba(19,111,99,.10) } html:not([data-tema="koyu"]) .koruma .kart[data-hiz="100"]{ --hiz-renk:#4050A0; --hiz-sis:rgba(64,80,160,.10) } /* ═══════════════════════════════════════════════════════════════════════════ BÖLGE ZEMİNLERİ — AÇIK TEMA TONLARI [TUR 10 · 14.09.2026] Aynı bölge sırası, ters yön: kroma en açık, çalışma yüzeyi bir ton koyu (beyaz kartlar öne çıksın), özet paneli en koyu (belge gibi ayrı dursun). Dokular koyu mürekkeple çizilir; saydamlık ≤%5. ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]){ --z-ust:#FFFFFF; --z-ust-dsn:linear-gradient(180deg,rgba(15,26,46,0),rgba(15,26,46,.028) 100%); --z-ray:#F4F7FC; --z-ray-dsn:linear-gradient(180deg,rgba(15,26,46,.012),rgba(15,26,46,0) 100%); --z-dip:#D3DFEF; --z-dip-dsn:linear-gradient(0deg,rgba(15,26,46,.03),rgba(15,26,46,0) 78%); --z-sol:#E9EEF7; --z-sol-dsn:radial-gradient(circle at 1px 1px, rgba(15,26,46,.065) 1px, transparent 0); --z-sol-olcu:22px 22px; --z-sag:#DDE6F2; --z-sag-dsn: radial-gradient(115% 62% at 50% 0%, rgba(31,111,159,.10), rgba(31,111,159,0) 62%), repeating-linear-gradient(135deg, rgba(15,26,46,.026) 0 1px, rgba(15,26,46,0) 1px 13px); --z-sag-cizgi:rgba(31,111,159,.22); } /* açık temada üst bar zaten beyaz: ayrımı ALT ÇİZGİ + gölge yapar */ html:not([data-tema="koyu"]) .ust{ border-bottom-color:var(--cizgi-2); box-shadow:0 1px 2px rgba(15,26,46,.05); } /* ═══════════════════════════════════════════════════════════════════════════ ÜST BAR — AÇIK TEMA [TUR 11] Açık zeminde soluk dolgu yetmez: durum rengi DOYGUN mürekkeple ve belirgin kenarlıkla verilir. Tonlar ölçülerek seçildi (bkz. z_kontrast.js). ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]) .ust-kontrol{ --kk-zemin:#FDECEE; --kk-zemin-ust:#FADCE0; --kk-cizgi:#E6A9B1; --kk-cizgi-ust:#D4818C; --kk-ink:#8E2430; --kk-ikon:#C0392F; --kk-cip:#F4CBD0; box-shadow:0 1px 2px rgba(15,26,46,.06); } html:not([data-tema="koyu"]) .ust-kontrol[data-insp-state="partial"]{ --kk-zemin:#FDF3E3; --kk-zemin-ust:#F9E8CC; --kk-cizgi:#E0BE84; --kk-cizgi-ust:#CDA45E; --kk-ink:#6B4408; --kk-ikon:#A7700D; --kk-cip:#F2DEB6; } html:not([data-tema="koyu"]) .ust-kontrol[data-insp-state="ready"], html:not([data-tema="koyu"]) .ust-kontrol[data-insp-state="done"]{ --kk-zemin:#E4F5EE; --kk-zemin-ust:#D2EDE1; --kk-cizgi:#8FCBB4; --kk-cizgi-ust:#65B698; --kk-ink:#0B5240; --kk-ikon:#0E6B4F; --kk-cip:#C6E8DA; } html:not([data-tema="koyu"]) .ust-kontrol[data-insp-state="error"]{ --kk-zemin:#9E2937; --kk-zemin-ust:#8A222E; --kk-cizgi:#9E2937; --kk-cizgi-ust:#761B26; --kk-ink:#FFFFFF; --kk-ikon:#FFFFFF; --kk-cip:rgba(0,0,0,.24); } html:not([data-tema="koyu"]) .ust-baglar{border-left-color:var(--cizgi-2); border-right-color:var(--cizgi-2)} /* ═══════════════════════════════════════════════════════════════════════════ DENETİM GÖRÜNÜRLÜĞÜ — AÇIK TEMA [TUR 11] Ölçüldü: kenarlık #6B7E96 beş bölgenin en kötüsünde 3.08:1 (WCAG 1.4.11). Seçili dolgu #B2CFE8: beyazdan 1.62 · panelden 1.28 · çalışma yüzeyinden 1.39. ═══════════════════════════════════════════════════════════════════════════ */ html:not([data-tema="koyu"]){ --dnt-zemin:#FFFFFF; --dnt-cizgi:#6B7E96; --dnt-zemin-ust:#EDF3FA; --dnt-cizgi-ust:#4E6280; --dnt-zemin-sec:#B2CFE8; --dnt-cizgi-sec:#1A6189; --dnt-ink-sec:#0F1A2E; } /* segment izi: açık temada düğmelerden bir ton koyu ki denetim "iz üstünde" okunsun */ html:not([data-tema="koyu"]){--dnt-iz:#E3EBF5}