[data-mode="light"] {
  color-scheme: light;
  --bg-deep: #EBF4F6;
  --bg-dark: #d6eaed;
  --bg-mid: #c0dce1;
  --nav-bg: rgba(235, 244, 246, 0.75);
  --text-light: #09637E;
  /* #3a8a9e 3.54'tü (AA altı) — aynı buzlu-turkuaz ailesinde bir ton koyu:
     sayfa 4.70 / kart 4.21. (2026-11-03, şablon §11) */
  --text-dim: #2a7490;
  --text-bright: #04303d;
  --dot-color: var(--c-base03);
  --gold: #b58900;
  /* Light modda parlak aksan okunmuyor: dark mod zemin tonuna iner */
  --accent-bright: var(--c-base03);
  /* KONTRAST İNVERSİYONU — dark'ın açık renkleri light zeminde kaybolur;
     WCAG AA ≥4.5 hedef, koyu tonlara iner (2026-09-25 canlı bulgu) */
  --warn-fg: var(--text-light);         /* normal metin — Bauhaus: ayrım kenar rengiyle */
  --warn-border: var(--c-charcoal);
  --accent-strong: var(--c-peacock-blue);/* paletden — kontrast 5.57 */
}

/* Polarite bug'ı (2026-11-03, şablon ders 11.8): `color: var(--bg-deep)`
   koyu-tema varsayımıdır — light'ta bg-deep AÇIK olur. accent-bright zeminleri
   yukarıda koyuya inversiyonlu (doğru çalışır); HAM palet renkleri inversiyon
   dışı kalıyordu: amber üstünde açık yazı 1.48 = görünmez. Bu ikisinde yazı
   koyuya iner: amber #FFBF00 üstünde #04303d = 8.50. teal/slate/cherry
   zeminlerinde açık yazı zaten doğru (3.3-4.9) — dokunulmaz. */
[data-mode="light"] .env--staging,
[data-mode="light"] .heatmap__cell--medium { color: var(--text-bright); }

/* Kod vurgusu: light zeminde açık renkler okunmaz — koyu palet tokenlarına iner */
[data-mode="light"] .highlight .s,
[data-mode="light"] .highlight .s1,
[data-mode="light"] .highlight .s2,
[data-mode="light"] .highlight .sd,
[data-mode="light"] .highlight .se,
[data-mode="light"] .highlight .si,
[data-mode="light"] .highlight .sr,
[data-mode="light"] .highlight .sx { color: var(--c-teal); }

[data-mode="light"] .highlight .m,
[data-mode="light"] .highlight .mf,
[data-mode="light"] .highlight .mh,
[data-mode="light"] .highlight .mi,
[data-mode="light"] .highlight .il,
[data-mode="light"] .highlight .mo { color: var(--gold); }

[data-mode="light"] .highlight .nf,
[data-mode="light"] .highlight .nc,
[data-mode="light"] .highlight .nb,
[data-mode="light"] .highlight .nx,
[data-mode="light"] .highlight .nt { color: var(--c-peacock-blue); }