/* Tasnif teması (5.11.2026): sade, koyu varsayılan + aydınlık görünüm. Bütün sayfalar site.css'ten SONRA yükler.
   Yeni adlar (--zemin, --yuzey …) ve eski adlar (--kagit, --metin, --gri …) iki görünümde de buradan gelir; böylece eski
   bileşenler de görünüme uyar. Seçim tema.js'te (html[data-tema]). */
html[data-tema="koyu"] {
  color-scheme: dark;
  --zemin: #0E1424; --yuzey: #141B2E; --yuzey2: #1A2238; --cizgi: #262E44; --metin: #ECE8DF; --govde: #DCD8CE; --soluk: #A9AFBC;
  --vurgu: #C9A55A; --vurgu-ters: #0E1424; --bag: #8EA6F0; --lac: #6E8BE0; --on: #2E9C8F; --bz: #C0577E; --ks: #C9A55A; --dg: #5C6478;
  --isaret: rgba(201, 165, 90, .30); --golge: 0 10px 30px rgba(0, 0, 0, .35); --birincil: #ECE8DF; --birincil-yazi: #0E1424;
  --on-acik: rgba(46, 156, 143, .16); --bz-acik: rgba(192, 87, 126, .16); --ks-acik: rgba(201, 165, 90, .16);
  /* eski adlar */
  --kagit: var(--zemin); --murekkep: #0A0F1C; --gri: var(--soluk); --kagit-cizgi: var(--cizgi); --lacivert: var(--bag);
  --altin: #C9A55A; --altin-koyu: #C9A55A; --krem: var(--yuzey2); --hata: #F08A8A;
}
html[data-tema="acik"] {
  color-scheme: light;
  --zemin: #F6F2EA; --yuzey: #FFFFFF; --yuzey2: #FBF8F1; --cizgi: #DED6C6; --metin: #141A2A; --govde: #1F2433; --soluk: #4F5563;
  --vurgu: #A8842F; --vurgu-ters: #FFFFFF; --bag: #1E3A8A; --lac: #1E3A8A; --on: #0F5E5A; --bz: #7A2E4D; --ks: #A8842F; --dg: #9A9486;
  --isaret: rgba(201, 165, 90, .38); --golge: 0 10px 30px rgba(20, 26, 42, .10); --birincil: #141A2A; --birincil-yazi: #F6F2EA;
  --on-acik: rgba(15, 94, 90, .10); --bz-acik: rgba(122, 46, 77, .10); --ks-acik: rgba(168, 132, 47, .12);
  --kagit: var(--zemin); --murekkep: #0E1424; --gri: var(--soluk); --kagit-cizgi: var(--cizgi); --lacivert: var(--bag);
  --altin: #C9A55A; --altin-koyu: #A8842F; --krem: var(--yuzey2); --hata: #B91C1C;
}
body { background: var(--zemin); color: var(--metin); }

/* logo: koyuda açık yazılı, aydınlıkta koyu yazılı */
html[data-tema="koyu"] .logo-acik, html[data-tema="acik"] .logo-gece { display: none !important; }

/* görünüm düğmesi */
.tema-dugme { width: 36px; height: 36px; flex: none; border-radius: 10px; border: 1px solid var(--cizgi); background: transparent; color: var(--soluk);
  display: inline-grid; place-items: center; cursor: pointer; padding: 0; transition: color .15s, border-color .15s; }
.tema-dugme:hover { color: var(--metin); border-color: var(--soluk); }
.tema-dugme svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
html[data-tema="koyu"] .tema-dugme .ay, html[data-tema="acik"] .tema-dugme .gunes { display: none; }

/* karar şablonundaki sonuç rengi (bicim.js, --s): koyu görünümde açılır ki okunabilsin */
html[data-tema="koyu"] .kb-hukum, html[data-tema="koyu"] .karar-sonuc { --s2: color-mix(in srgb, var(--s) 55%, #ffffff); }
html[data-tema="koyu"] .kb-hukum { border-left-color: var(--s2); }
html[data-tema="koyu"] .kb-hukum .kb-etiket { color: var(--s2); }

/* ortak üst çubuk (ana sayfa, blog, gizlilik) */
.a-k { max-width: 760px; margin: 0 auto; padding: 0 20px; }
.a-ust { position: sticky; top: 0; z-index: 10; background: color-mix(in srgb, var(--zemin) 92%, transparent); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--cizgi); }
.a-ust .a-k { display: flex; align-items: center; height: 62px; gap: 14px; max-width: 1080px; }
.a-logo { position: relative; display: block; }
.a-logo img { height: 36px; display: block; }
.a-logo .beta { position: absolute; left: 100%; bottom: 0; margin-left: 6px; font: 500 9px/1 "Plex Mono", monospace; letter-spacing: .12em;
  text-transform: uppercase; color: var(--vurgu-ters); background: var(--vurgu); padding: 3px 5px 2px; border-radius: 3px; }
.a-ust nav { margin-left: auto; display: flex; align-items: center; gap: 16px; }
.a-ust nav a { text-decoration: none; font-size: 14.5px; color: var(--soluk); white-space: nowrap; }
.a-ust nav a:hover { color: var(--metin); }
.a-ust nav a.a-uye { background: var(--birincil); color: var(--birincil-yazi); padding: 8px 14px; border-radius: 9px; font-weight: 500; }
@media (max-width: 520px) { .a-ust nav .gizle { display: none; } .a-ust nav { gap: 12px; } }

header.a-ust { display: block; padding: 0; gap: 0; }