/* [EKLENDI 19-08-2026] Merkezi tema (renk) + stil (sekil/yogunluk) katmani.
   style.css/subeler.css icindeki --win-*/--tema-* degiskenlerini DEGISTIRMEZ,
   bu dosya sadece html[data-tema=...] / html[data-stil=...] secicileriyle
   UZERINE YAZAR (ozgunluk/specificity acisindan :root'tan daha guclu oldugu
   icin dosya sirasi onemli degil, yine de style.css/subeler.css'ten SONRA
   yuklenmesi onerilir). Kullanicinin talebi: 3 tema (Acik/Koyu/Yumusak Koyu)
   + 3 stil yonu (A-Sade/B-Yogun-tablo/C-Yumusak kartlar), ikisi de Ayarlar
   sayfasindan secilebilir, secim tarayicida (localStorage) hatirlanir --
   bkz. tema.js. */

:root {
  font-family: "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* ================= TEMA: ACIK (yenilendi) ================= */
/* [EKLENDI 20-08-2026] Kullanicinin geri bildirimi: "hala eski stil devam
   ediyor" -- kok sebep bulundu: Koyu ve Yumusak Koyu icin ozel bir renk
   paleti tanimlanmisti ama Acik tema hicbir zaman DOKUNULMAMISTI, sadece
   style.css'teki 2023 :root varsayilanlarini (sert #ffe6e6/#66ccff gibi
   "ilkokul" tonlari) kullanmaya devam ediyordu -- ki bu zaten VARSAYILAN
   tema oldugu icin, kullanicinin gordugu "eski" gorunum tam olarak buydu.
   Asagidaki blok Acik temaya, Koyu/Yumusak Koyu ile AYNI kalitede/inceleikte
   (yumusatilmis vurgu rengi, hafif golgeler, eslenmis fg/bg cift renkleri)
   yeni bir palet kazandiriyor -- html[data-tema="acik"] selector'unun
   ozgunlugu :root'tan yuksek oldugu icin (attribute selector), yukleme
   sirasindan bagimsiz olarak :root degerlerinin onune geciyor. */
html[data-tema="acik"], html:not([data-tema]) {
  --win-accent: #1e293b;
  --win-accent-hover: #334155;
  --win-accent-pressed: #0f172a;
  --win-accent-fg: #ffffff;
  --win-bg: #f8fafc;
  --win-surface: #ffffff;
  --win-surface-alt: #f1f5f9;
  --win-border: rgba(0, 0, 0, 0.08);
  --win-border-strong: rgba(0, 0, 0, 0.16);
  --win-text: #0f172a;
  --win-text-secondary: #64748b;
  --win-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --win-shadow-card-hover: 0 6px 20px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.03);
  --win-success-fg: #157f3c; --win-success-bg: #e3f8ea;
  --win-caution-fg: #9a6400;  --win-caution-bg: #fff3d6;
  --win-critical-fg: #c22a3e; --win-critical-bg: #fdeaec;
  --win-info-fg: #475569;     --win-info-bg: #f1f5f9;
  --tema-yakit-fg: #c23b3b;  --tema-yakit-bg: #fdeceb;
  --tema-yakit-accent: #c23b3b; --tema-yakit-accent-hover: #aa3232; --tema-yakit-accent-pressed: #8f2a2a;
  --tema-yemek-fg: #257a3f;  --tema-yemek-bg: #eaf7ee;
  --tema-yemek-accent: #257a3f; --tema-yemek-accent-hover: #1f6a37; --tema-yemek-accent-pressed: #1a582e;
  --tema-genel-fg: #475569;  --tema-genel-bg: #f1f5f9;
  --tema-genel-accent: #475569; --tema-genel-accent-hover: #334155; --tema-genel-accent-pressed: #1e293b;
  --tema-z_raporu-fg: #7d5aa6;  --tema-z_raporu-bg: #f3eefa;
  --tema-z_raporu-accent: #7d5aa6; --tema-z_raporu-accent-hover: #6c4c92; --tema-z_raporu-accent-pressed: #5c4079;
}
html[data-tema="acik"] .kategori-bant--yakit,
html:not([data-tema]) .kategori-bant--yakit { background: #fdeceb; border-left-color: #c23b3b; color: #7a1f1f; }
html[data-tema="acik"] .kategori-bant--yemek,
html:not([data-tema]) .kategori-bant--yemek { background: #fdf6e3; border-left-color: #e0a800; color: #6b4e00; }
html[data-tema="acik"] .kategori-bant--z_raporu,
html:not([data-tema]) .kategori-bant--z_raporu { background: #f3eefa; border-left-color: #7d5aa6; color: #4a2f66; }
html[data-tema="acik"] .kategori-bant--genel,
html:not([data-tema]) .kategori-bant--genel { background: #f1f5f9; border-left-color: #94a3b8; color: #334155; }
html[data-tema="acik"] .kategori-bant--banka,
html:not([data-tema]) .kategori-bant--banka { background: #eaf7ec; border-left-color: #4caf50; color: #1f5c28; }
html[data-tema="acik"] .kategori-bant--bilinmeyen,
html:not([data-tema]) .kategori-bant--tanimsiz,
html:not([data-tema]) .kategori-bant--bilinmeyen,
html:not([data-tema]) .kategori-bant--tanimsiz { background: #f5eefa; border-left-color: #a874d1; color: #4a2f66; }

/* ================= TEMA: KOYU ================= */
html[data-tema="koyu"] {
  --win-accent: #f8fafc;
  --win-accent-hover: #e2e8f0;
  --win-accent-pressed: #cbd5e1;
  --win-accent-fg: #0f172a;
  --win-bg: #0f172a;
  --win-surface: #1e293b;
  --win-surface-alt: #334155;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #f8fafc;
  --win-text-secondary: #94a3b8;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-success-fg: #8fe08a; --win-success-bg: #1f3d12;
  --win-caution-fg: #ffcf6e;  --win-caution-bg: #4a3208;
  --win-critical-fg: #ff9f9f; --win-critical-bg: #4a1717;
  --win-info-fg: #cbd5e1;     --win-info-bg: #334155;
  --tema-yakit-fg: #ff9f9f;  --tema-yakit-bg: #4a1717;
  --tema-yakit-accent: #e0696d; --tema-yakit-accent-hover: #ec8285; --tema-yakit-accent-pressed: #c85458;
  --tema-yemek-fg: #8fe08a;  --tema-yemek-bg: #1f3d12;
  --tema-yemek-accent: #5fae5a; --tema-yemek-accent-hover: #74c26f; --tema-yemek-accent-pressed: #4c9647;
  --tema-genel-fg: #cbd5e1;  --tema-genel-bg: #334155;
  --tema-genel-accent: #94a3b8; --tema-genel-accent-hover: #cbd5e1; --tema-genel-accent-pressed: #64748b;
  --tema-z_raporu-fg: #d4a9e8;  --tema-z_raporu-bg: #3a1f4a;
  --tema-z_raporu-accent: #a074c9; --tema-z_raporu-accent-hover: #b48ed6; --tema-z_raporu-accent-pressed: #8a5eb3;
}
html[data-tema="koyu"] .kategori-bant--yakit { background: #4a1717; border-left-color: #ff9f9f; color: #ffdada; }
html[data-tema="koyu"] .kategori-bant--yemek { background: #4a3f08; border-left-color: #ffd76e; color: #fff0c2; }
html[data-tema="koyu"] .kategori-bant--z_raporu { background: #3a1f4a; border-left-color: #d4a9e8; color: #f3eefa; }
html[data-tema="koyu"] .kategori-bant--genel { background: #2a2a2a; border-left-color: #999; color: #e5e5e5; }
html[data-tema="koyu"] .kategori-bant--banka { background: #12401b; border-left-color: #6eff6e; color: #d4ffd4; }
html[data-tema="koyu"] .kategori-bant--bilinmeyen,
html[data-tema="koyu"] .kategori-bant--tanimsiz { background: #3a1f4a; border-left-color: #d494ff; color: #ecd4ff; }
html[data-tema="koyu"] img,
html[data-tema="koyu"] .ana-gorsel-kapsayici { filter: brightness(0.95); }

/* ================= TEMA: YUMUSAK KOYU (Dim) ================= */
html[data-tema="yumusak"] {
  --win-accent: #f1f5f9;
  --win-accent-hover: #e2e8f0;
  --win-accent-pressed: #cbd5e1;
  --win-accent-fg: #0f172a;
  --win-bg: #1e2229;
  --win-surface: #262c36;
  --win-surface-alt: #303744;
  --win-border: rgba(255, 255, 255, 0.09);
  --win-border-strong: rgba(255, 255, 255, 0.16);
  --win-text: #f1f5f9;
  --win-text-secondary: #94a3b8;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.35), 0 0.5px 0 rgba(0, 0, 0, 0.2);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.45), 0 0.5px 0 rgba(0, 0, 0, 0.2);
  --win-success-fg: #aeeba2; --win-success-bg: #2e5a1b;
  --win-caution-fg: #ffdd9a;  --win-caution-bg: #5c4415;
  --win-critical-fg: #ffb3b3; --win-critical-bg: #5c2323;
  --win-info-fg: #cbd5e1;     --win-info-bg: #303744;
  --tema-yakit-fg: #ffb3b3;  --tema-yakit-bg: #5c2323;
  --tema-yakit-accent: #e07d81; --tema-yakit-accent-hover: #ec9599; --tema-yakit-accent-pressed: #c8686c;
  --tema-yemek-fg: #aeeba2;  --tema-yemek-bg: #2e5a1b;
  --tema-yemek-accent: #6fbd69; --tema-yemek-accent-hover: #82cf7c; --tema-yemek-accent-pressed: #5aa855;
  --tema-genel-fg: #cbd5e1;  --tema-genel-bg: #303744;
  --tema-genel-accent: #94a3b8; --tema-genel-accent-hover: #cbd5e1; --tema-genel-accent-pressed: #64748b;
  --tema-z_raporu-fg: #ddb8ee;  --tema-z_raporu-bg: #452a58;
  --tema-z_raporu-accent: #ac86ce; --tema-z_raporu-accent-hover: #bd9bd9; --tema-z_raporu-accent-pressed: #9871bc;
}
html[data-tema="yumusak"] .kategori-bant--yakit { background: #5c2323; border-left-color: #ffb3b3; color: #ffe0e0; }
html[data-tema="yumusak"] .kategori-bant--yemek { background: #5c4c15; border-left-color: #ffdd9a; color: #fff2d4; }
html[data-tema="yumusak"] .kategori-bant--z_raporu { background: #452a58; border-left-color: #ddb8ee; color: #f2e0ff; }
html[data-tema="yumusak"] .kategori-bant--genel { background: #303744; border-left-color: #94a3b8; color: #eceff2; }
html[data-tema="yumusak"] .kategori-bant--banka { background: #1c5c2c; border-left-color: #8aff8a; color: #dcffdc; }
html[data-tema="yumusak"] .kategori-bant--bilinmeyen,
html[data-tema="yumusak"] .kategori-bant--tanimsiz { background: #452a58; border-left-color: #e0b3ff; color: #f2e0ff; }
html[data-tema="yumusak"] img,
html[data-tema="yumusak"] .ana-gorsel-kapsayici { filter: brightness(0.97); }

/* ================= TEMA: PASTEL [24-09-2026] ================= */
/* Açık zemin üzerinde yumuşak pastel tonlar: krem zemin, lavanta vurgu, nane/şeftali/gül/gökyüzü durum renkleri. */
html[data-tema="pastel"] {
  --win-accent: #7867b8;
  --win-accent-hover: #6a59aa;
  --win-accent-pressed: #5b4b98;
  --win-accent-fg: #ffffff;
  --win-bg: #fbf7f1;
  --win-surface: #ffffff;
  --win-surface-alt: #f5effa;
  --win-border: rgba(96, 72, 150, 0.12);
  --win-border-strong: rgba(96, 72, 150, 0.24);
  --win-text: #2e2940;
  --win-text-secondary: #7b7390;
  --win-shadow-card: 0 1px 3px rgba(96, 72, 150, 0.07), 0 1px 2px rgba(96, 72, 150, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(96, 72, 150, 0.12), 0 1px 2px rgba(96, 72, 150, 0.05);
  --win-success-fg: #2f7d5b; --win-success-bg: #e2f6ec;
  --win-caution-fg: #9a6424;  --win-caution-bg: #fff0dd;
  --win-critical-fg: #b3445f; --win-critical-bg: #fde7ee;
  --win-info-fg: #3f6d96;     --win-info-bg: #e5f1fb;
  --tema-yakit-fg: #b3445f;  --tema-yakit-bg: #fde7ee;
  --tema-yakit-accent: #d27a8f; --tema-yakit-accent-hover: #c26a80; --tema-yakit-accent-pressed: #ad5a70;
  --tema-yemek-fg: #2f7d5b;  --tema-yemek-bg: #e2f6ec;
  --tema-yemek-accent: #5fae8c; --tema-yemek-accent-hover: #4f9e7c; --tema-yemek-accent-pressed: #438a6b;
  --tema-genel-fg: #3f6d96;  --tema-genel-bg: #e5f1fb;
  --tema-genel-accent: #7aa3c9; --tema-genel-accent-hover: #6893bb; --tema-genel-accent-pressed: #5782aa;
  --tema-z_raporu-fg: #6a4fa3;  --tema-z_raporu-bg: #efe7fb;
  --tema-z_raporu-accent: #9a82d0; --tema-z_raporu-accent-hover: #8a71c2; --tema-z_raporu-accent-pressed: #7a61b0;
}
html[data-tema="pastel"] .kategori-bant--yakit { background: #fde7ee; border-left-color: #e493a6; color: #7c2c40; }
html[data-tema="pastel"] .kategori-bant--yemek { background: #fff3dc; border-left-color: #f2c078; color: #6e4d12; }
html[data-tema="pastel"] .kategori-bant--z_raporu { background: #efe7fb; border-left-color: #b39be0; color: #4b3378; }
html[data-tema="pastel"] .kategori-bant--genel { background: #e5f1fb; border-left-color: #9cc0e0; color: #2d4d6b; }
html[data-tema="pastel"] .kategori-bant--banka { background: #e2f6ec; border-left-color: #8fd1b1; color: #245c43; }
html[data-tema="pastel"] .kategori-bant--bilinmeyen,
html[data-tema="pastel"] .kategori-bant--tanimsiz { background: #f5effa; border-left-color: #c3a8e6; color: #4b3378; }

/* ================= STIL: A (Sade/minimal) — varsayilan ================= */
html[data-stil="A"], html:not([data-stil]) {
  --stil-radius-card: 12px;
  --stil-radius-badge: 999px;
  --stil-card-pad: 20px;
  --stil-table-row-pad: 10px 12px;
  --stil-gap: 14px;
}

/* ================= STIL: B (Yogun/tablo) ================= */
html[data-stil="B"] {
  --stil-radius-card: 6px;
  --stil-radius-badge: 4px;
  --stil-card-pad: 12px;
  --stil-table-row-pad: 6px 8px;
  --stil-gap: 8px;
}

/* ================= STIL: C (Yumusak kartlar) ================= */
html[data-stil="C"] {
  --stil-radius-card: 18px;
  --stil-radius-badge: 20px;
  --stil-card-pad: 22px;
  --stil-table-row-pad: 10px 14px;
  --stil-gap: 16px;
}

/* Mevcut bilesenlerin --stil-* degiskenlerini KULLANMASI icin koprü kurallar
   -- style.css/subeler.css'teki sabit deger yerine buradan besleniyor.
   [NOT 19-08-2026] Bu ilk surumde SADECE kose yuvarlakligi/bosluk/rozet
   sekli stil'e gore degisiyor -- sayfa duzeninin kendisi (B'nin daha yogun
   sutun dizilimi gibi) henuz her sayfaya islenmedi, bu sonraki asamada
   sayfa sayfa uygulanacak. */
.fis-kategori-etiket,
.rozet, .pasif-etiket,
.satir-menu-buton { border-radius: var(--stil-radius-badge, 999px) !important; }
.fis-onay-kapsayici, .sube-karti, .subeler-bolum,
.win-card, .kategori-bant { border-radius: var(--stil-radius-card, 12px) !important; }
.hesap-tablosu td, .hesap-tablosu th { padding: var(--stil-table-row-pad, 8px 10px) !important; }

/* ================= Ayarlar sayfasi: Tema/Stil secici butonlari ================= */
.gorunum-secici-grup { margin-bottom: 18px; }
.gorunum-secici-baslik { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--win-text-secondary); }
.gorunum-secici-butonlar { display: flex; gap: 8px; flex-wrap: wrap; }
.gorunum-secici-buton {
  min-height: 42px; padding: 10px 17px;
  border-radius: var(--stil-radius-card, 12px);
  border: 1px solid var(--win-border); background: var(--win-surface);
  color: var(--win-text); box-shadow: var(--win-shadow-card);
  font: inherit; font-size: 13px; font-weight: 650; cursor: pointer;
  transition: transform .15s ease, border-color .15s ease,
              background .15s ease, box-shadow .15s ease;
}
.gorunum-secici-buton:hover {
  transform: translateY(-2px); border-color: var(--win-accent);
  background: var(--win-surface-alt); box-shadow: var(--win-shadow-card-hover);
}
.gorunum-secici-buton:focus-visible { outline: 2px solid var(--win-accent); outline-offset: 2px; }
.gorunum-secici-buton--aktif {
  border-color: var(--win-accent); background: var(--win-accent);
  color: #fff; box-shadow: var(--win-shadow-card-hover); font-weight: 750;
}
/* ================= ÖRNEKKÖY ŞUBESİ (Şube Kodu 1) ÖZEL KOYULUK (5 Ton Koyu) ================= */

/* Açık Temada Örnekköy: Belirgin 5 ton daha koyu çelik/slate zemin */
html[data-sube="1"][data-tema="acik"],
html[data-sube="1"]:not([data-tema]),
html[data-sube="1"] {
  --win-bg: #cbd5e1 !important;
  --win-surface: #e2e8f0 !important;
  --win-surface-alt: #cbd5e1 !important;
  --win-border: rgba(0, 0, 0, 0.16) !important;
  --win-border-strong: rgba(0, 0, 0, 0.28) !important;
  --win-shadow-card: 0 2px 6px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Koyu Temada Örnekköy: 5 ton daha derin gece/obsidyen zemin */
html[data-sube="1"][data-tema="koyu"] {
  --win-bg: #030712 !important;
  --win-surface: #0f172a !important;
  --win-surface-alt: #1e293b !important;
  --win-border: rgba(255, 255, 255, 0.12) !important;
  --win-border-strong: rgba(255, 255, 255, 0.22) !important;
}

/* Yumuşak Koyu Temada Örnekköy: 5 ton daha koyu */
html[data-sube="1"][data-tema="yumusak"] {
  --win-bg: #0b0f17 !important;
  --win-surface: #151b26 !important;
  --win-surface-alt: #1e2636 !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* Pastel Temada Örnekköy: pastel kalır, bir ton daha koyu lavanta zemin */
html[data-sube="1"][data-tema="pastel"] {
  --win-bg: #efe7f6 !important;
  --win-surface: #faf7fd !important;
  --win-surface-alt: #eadff4 !important;
  --win-border: rgba(96, 72, 150, 0.18) !important;
  --win-border-strong: rgba(96, 72, 150, 0.30) !important;
}

html[data-sube="1"] body {
  background-color: var(--win-bg) !important;
}

/* TEMA-URET-BASLA -- araclar/24-10-2026-tema-uret.py tarafından üretilir, ELLE DÜZENLEMEYİN */

/* ---- TEMA: OKYANUS ---- */
html[data-tema="okyanus"] {
  --win-accent: #0369a1;
  --win-accent-hover: #025583;
  --win-accent-pressed: #024265;
  --win-accent-fg: #ffffff;
  --win-bg: #f0f7fb;
  --win-surface: #ffffff;
  --win-surface-alt: #e0eff7;
  --win-border: rgba(12, 45, 68, 0.10);
  --win-border-strong: rgba(12, 45, 68, 0.20);
  --win-text: #0c2d44;
  --win-text-secondary: #5b7a90;
  --win-shadow-card: 0 1px 3px rgba(12, 45, 68, 0.07), 0 1px 2px rgba(12, 45, 68, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(12, 45, 68, 0.12), 0 1px 2px rgba(12, 45, 68, 0.05);
}
html[data-sube="1"][data-tema="okyanus"] {
  --win-bg: #f0f7fb !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #e0eff7 !important;
  --win-border: rgba(12, 45, 68, 0.10) !important;
  --win-border-strong: rgba(12, 45, 68, 0.20) !important;
}

/* ---- TEMA: ORMAN ---- */
html[data-tema="orman"] {
  --win-accent: #2f7d4f;
  --win-accent-hover: #276741;
  --win-accent-pressed: #1e5133;
  --win-accent-fg: #ffffff;
  --win-bg: #f2f7f3;
  --win-surface: #ffffff;
  --win-surface-alt: #e3efe6;
  --win-border: rgba(18, 48, 31, 0.10);
  --win-border-strong: rgba(18, 48, 31, 0.20);
  --win-text: #12301f;
  --win-text-secondary: #5f7a68;
  --win-shadow-card: 0 1px 3px rgba(18, 48, 31, 0.07), 0 1px 2px rgba(18, 48, 31, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(18, 48, 31, 0.12), 0 1px 2px rgba(18, 48, 31, 0.05);
}
html[data-sube="1"][data-tema="orman"] {
  --win-bg: #f2f7f3 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #e3efe6 !important;
  --win-border: rgba(18, 48, 31, 0.10) !important;
  --win-border-strong: rgba(18, 48, 31, 0.20) !important;
}

/* ---- TEMA: GÜN BATIMI ---- */
html[data-tema="gunbatimi"] {
  --win-accent: #c4521a;
  --win-accent-hover: #a94716;
  --win-accent-pressed: #8e3b13;
  --win-accent-fg: #ffffff;
  --win-bg: #fff6ef;
  --win-surface: #ffffff;
  --win-surface-alt: #fde8d9;
  --win-border: rgba(59, 31, 18, 0.10);
  --win-border-strong: rgba(59, 31, 18, 0.20);
  --win-text: #3b1f12;
  --win-text-secondary: #8a6a58;
  --win-shadow-card: 0 1px 3px rgba(59, 31, 18, 0.07), 0 1px 2px rgba(59, 31, 18, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(59, 31, 18, 0.12), 0 1px 2px rgba(59, 31, 18, 0.05);
}
html[data-sube="1"][data-tema="gunbatimi"] {
  --win-bg: #fff6ef !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #fde8d9 !important;
  --win-border: rgba(59, 31, 18, 0.10) !important;
  --win-border-strong: rgba(59, 31, 18, 0.20) !important;
}

/* ---- TEMA: LAVANTA ---- */
html[data-tema="lavanta"] {
  --win-accent: #7c5cc4;
  --win-accent-hover: #6a46bc;
  --win-accent-pressed: #5d3ca7;
  --win-accent-fg: #ffffff;
  --win-bg: #f6f3fc;
  --win-surface: #ffffff;
  --win-surface-alt: #ebe5f8;
  --win-border: rgba(38, 28, 61, 0.10);
  --win-border-strong: rgba(38, 28, 61, 0.20);
  --win-text: #261c3d;
  --win-text-secondary: #7a6e96;
  --win-shadow-card: 0 1px 3px rgba(38, 28, 61, 0.07), 0 1px 2px rgba(38, 28, 61, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(38, 28, 61, 0.12), 0 1px 2px rgba(38, 28, 61, 0.05);
}
html[data-sube="1"][data-tema="lavanta"] {
  --win-bg: #f6f3fc !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #ebe5f8 !important;
  --win-border: rgba(38, 28, 61, 0.10) !important;
  --win-border-strong: rgba(38, 28, 61, 0.20) !important;
}

/* ---- TEMA: GÜL ---- */
html[data-tema="gul"] {
  --win-accent: #c2456b;
  --win-accent-hover: #af395d;
  --win-accent-pressed: #983251;
  --win-accent-fg: #ffffff;
  --win-bg: #fdf3f6;
  --win-surface: #ffffff;
  --win-surface-alt: #f9e1e9;
  --win-border: rgba(61, 21, 34, 0.10);
  --win-border-strong: rgba(61, 21, 34, 0.20);
  --win-text: #3d1522;
  --win-text-secondary: #8f6475;
  --win-shadow-card: 0 1px 3px rgba(61, 21, 34, 0.07), 0 1px 2px rgba(61, 21, 34, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(61, 21, 34, 0.12), 0 1px 2px rgba(61, 21, 34, 0.05);
}
html[data-sube="1"][data-tema="gul"] {
  --win-bg: #fdf3f6 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #f9e1e9 !important;
  --win-border: rgba(61, 21, 34, 0.10) !important;
  --win-border-strong: rgba(61, 21, 34, 0.20) !important;
}

/* ---- TEMA: NANE ---- */
html[data-tema="nane"] {
  --win-accent: #1a8a74;
  --win-accent-hover: #15705e;
  --win-accent-pressed: #105749;
  --win-accent-fg: #ffffff;
  --win-bg: #f0faf7;
  --win-surface: #ffffff;
  --win-surface-alt: #dcf2ec;
  --win-border: rgba(14, 51, 43, 0.10);
  --win-border-strong: rgba(14, 51, 43, 0.20);
  --win-text: #0e332b;
  --win-text-secondary: #5a8077;
  --win-shadow-card: 0 1px 3px rgba(14, 51, 43, 0.07), 0 1px 2px rgba(14, 51, 43, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(14, 51, 43, 0.12), 0 1px 2px rgba(14, 51, 43, 0.05);
}
html[data-sube="1"][data-tema="nane"] {
  --win-bg: #f0faf7 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #dcf2ec !important;
  --win-border: rgba(14, 51, 43, 0.10) !important;
  --win-border-strong: rgba(14, 51, 43, 0.20) !important;
}

/* ---- TEMA: KUM ---- */
html[data-tema="kum"] {
  --win-accent: #9a7030;
  --win-accent-hover: #835f29;
  --win-accent-pressed: #6b4e21;
  --win-accent-fg: #ffffff;
  --win-bg: #faf6ee;
  --win-surface: #ffffff;
  --win-surface-alt: #f0e8d6;
  --win-border: rgba(58, 46, 23, 0.10);
  --win-border-strong: rgba(58, 46, 23, 0.20);
  --win-text: #3a2e17;
  --win-text-secondary: #8a7a5a;
  --win-shadow-card: 0 1px 3px rgba(58, 46, 23, 0.07), 0 1px 2px rgba(58, 46, 23, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(58, 46, 23, 0.12), 0 1px 2px rgba(58, 46, 23, 0.05);
}
html[data-sube="1"][data-tema="kum"] {
  --win-bg: #faf6ee !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #f0e8d6 !important;
  --win-border: rgba(58, 46, 23, 0.10) !important;
  --win-border-strong: rgba(58, 46, 23, 0.20) !important;
}

/* ---- TEMA: KAHVE ---- */
html[data-tema="kahve"] {
  --win-accent: #7a4a2b;
  --win-accent-hover: #633c23;
  --win-accent-pressed: #4d2f1b;
  --win-accent-fg: #ffffff;
  --win-bg: #f8f2ec;
  --win-surface: #ffffff;
  --win-surface-alt: #eadfd2;
  --win-border: rgba(46, 29, 18, 0.10);
  --win-border-strong: rgba(46, 29, 18, 0.20);
  --win-text: #2e1d12;
  --win-text-secondary: #85705f;
  --win-shadow-card: 0 1px 3px rgba(46, 29, 18, 0.07), 0 1px 2px rgba(46, 29, 18, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(46, 29, 18, 0.12), 0 1px 2px rgba(46, 29, 18, 0.05);
}
html[data-sube="1"][data-tema="kahve"] {
  --win-bg: #f8f2ec !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #eadfd2 !important;
  --win-border: rgba(46, 29, 18, 0.10) !important;
  --win-border-strong: rgba(46, 29, 18, 0.20) !important;
}

/* ---- TEMA: TURKUAZ ---- */
html[data-tema="turkuaz"] {
  --win-accent: #0e7f8e;
  --win-accent-hover: #0b6672;
  --win-accent-pressed: #094d56;
  --win-accent-fg: #ffffff;
  --win-bg: #eefafb;
  --win-surface: #ffffff;
  --win-surface-alt: #d8f0f3;
  --win-border: rgba(11, 48, 56, 0.10);
  --win-border-strong: rgba(11, 48, 56, 0.20);
  --win-text: #0b3038;
  --win-text-secondary: #577c83;
  --win-shadow-card: 0 1px 3px rgba(11, 48, 56, 0.07), 0 1px 2px rgba(11, 48, 56, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(11, 48, 56, 0.12), 0 1px 2px rgba(11, 48, 56, 0.05);
}
html[data-sube="1"][data-tema="turkuaz"] {
  --win-bg: #eefafb !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #d8f0f3 !important;
  --win-border: rgba(11, 48, 56, 0.10) !important;
  --win-border-strong: rgba(11, 48, 56, 0.20) !important;
}

/* ---- TEMA: AMBER ---- */
html[data-tema="amber"] {
  --win-accent: #a86f00;
  --win-accent-hover: #895b00;
  --win-accent-pressed: #6b4700;
  --win-accent-fg: #ffffff;
  --win-bg: #fffbea;
  --win-surface: #ffffff;
  --win-surface-alt: #fcf0c4;
  --win-border: rgba(59, 45, 0, 0.10);
  --win-border-strong: rgba(59, 45, 0, 0.20);
  --win-text: #3b2d00;
  --win-text-secondary: #8a7640;
  --win-shadow-card: 0 1px 3px rgba(59, 45, 0, 0.07), 0 1px 2px rgba(59, 45, 0, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(59, 45, 0, 0.12), 0 1px 2px rgba(59, 45, 0, 0.05);
}
html[data-sube="1"][data-tema="amber"] {
  --win-bg: #fffbea !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #fcf0c4 !important;
  --win-border: rgba(59, 45, 0, 0.10) !important;
  --win-border-strong: rgba(59, 45, 0, 0.20) !important;
}

/* ---- TEMA: YÜKSEK KONTRAST ---- */
html[data-tema="kontrast"] {
  --win-accent: #1d3fd8;
  --win-accent-hover: #1937bd;
  --win-accent-pressed: #162fa2;
  --win-accent-fg: #ffffff;
  --win-bg: #ffffff;
  --win-surface: #ffffff;
  --win-surface-alt: #eceef3;
  --win-border: rgba(0, 0, 0, 0.14);
  --win-border-strong: rgba(0, 0, 0, 0.30);
  --win-text: #000000;
  --win-text-secondary: #333333;
  --win-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.05);
}
html[data-sube="1"][data-tema="kontrast"] {
  --win-bg: #ffffff !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #eceef3 !important;
  --win-border: rgba(0, 0, 0, 0.14) !important;
  --win-border-strong: rgba(0, 0, 0, 0.30) !important;
}

/* ---- TEMA: GECE MAVISI ---- */
html[data-tema="gecemavisi"] {
  --win-accent: #60a5fa;
  --win-accent-hover: #88bbfb;
  --win-accent-pressed: #388ff9;
  --win-accent-fg: #ffffff;
  --win-bg: #0b1220;
  --win-surface: #131d33;
  --win-surface-alt: #1d2b4a;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #e6edf8;
  --win-text-secondary: #8da2c4;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
}
html[data-sube="1"][data-tema="gecemavisi"] {
  --win-bg: #0b1220 !important;
  --win-surface: #131d33 !important;
  --win-surface-alt: #1d2b4a !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* ---- TEMA: GRAFIT ---- */
html[data-tema="grafit"] {
  --win-accent: #fbbf24;
  --win-accent-hover: #fccb4c;
  --win-accent-pressed: #f2b004;
  --win-accent-fg: #0f172a;
  --win-bg: #121212;
  --win-surface: #1c1c1e;
  --win-surface-alt: #2a2a2d;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #f2f2f2;
  --win-text-secondary: #a0a0a8;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
}
html[data-sube="1"][data-tema="grafit"] {
  --win-bg: #121212 !important;
  --win-surface: #1c1c1e !important;
  --win-surface-alt: #2a2a2d !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* ---- TEMA: GECE MORU ---- */
html[data-tema="gecemor"] {
  --win-accent: #c084fc;
  --win-accent-hover: #d4acfd;
  --win-accent-pressed: #ac5cfb;
  --win-accent-fg: #ffffff;
  --win-bg: #150f24;
  --win-surface: #1f1735;
  --win-surface-alt: #2d2250;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #f0e9ff;
  --win-text-secondary: #a899c9;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
}
html[data-sube="1"][data-tema="gecemor"] {
  --win-bg: #150f24 !important;
  --win-surface: #1f1735 !important;
  --win-surface-alt: #2d2250 !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* ---- TEMA: ORMAN GECESI ---- */
html[data-tema="ormangecesi"] {
  --win-accent: #4ade80;
  --win-accent-hover: #6de498;
  --win-accent-pressed: #27d868;
  --win-accent-fg: #0f172a;
  --win-bg: #0c1a12;
  --win-surface: #132a1d;
  --win-surface-alt: #1c3d29;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #e4f5ea;
  --win-text-secondary: #8fb59d;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
}
html[data-sube="1"][data-tema="ormangecesi"] {
  --win-bg: #0c1a12 !important;
  --win-surface: #132a1d !important;
  --win-surface-alt: #1c3d29 !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* ---- TEMA: YÜKSEK KONTRAST KOYU ---- */
html[data-tema="kontrastkoyu"] {
  --win-accent: #ffd400;
  --win-accent-hover: #ffdb29;
  --win-accent-pressed: #d6b200;
  --win-accent-fg: #0f172a;
  --win-bg: #000000;
  --win-surface: #0d0d0d;
  --win-surface-alt: #1f1f1f;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #ffffff;
  --win-text-secondary: #d0d0d0;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
}
html[data-sube="1"][data-tema="kontrastkoyu"] {
  --win-bg: #000000 !important;
  --win-surface: #0d0d0d !important;
  --win-surface-alt: #1f1f1f !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* ---- TEMA: ORIJINAL ---- */
html[data-tema="orijinal"] {
  --win-accent: #a9707c;
  --win-accent-hover: #8e5a64;
  --win-accent-pressed: #74424b;
  --win-accent-fg: #ffffff;
  --win-bg: #f3f3f3;
  --win-surface: #ffffff;
  --win-surface-alt: #f9f9f9;
  --win-border: rgba(27, 27, 27, 0.10);
  --win-border-strong: rgba(27, 27, 27, 0.20);
  --win-text: #1b1b1b;
  --win-text-secondary: #5f5f5f;
  --win-shadow-card: 0 1px 3px rgba(27, 27, 27, 0.07), 0 1px 2px rgba(27, 27, 27, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(27, 27, 27, 0.12), 0 1px 2px rgba(27, 27, 27, 0.05);
}
html[data-sube="1"][data-tema="orijinal"] {
  --win-bg: #f3f3f3 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #f9f9f9 !important;
  --win-border: rgba(27, 27, 27, 0.10) !important;
  --win-border-strong: rgba(27, 27, 27, 0.20) !important;
}

/* ---- TEMA: SEVGILILER GÜNÜ ---- */
html[data-tema="sevgililer"] {
  --win-accent: #d6336c;
  --win-accent-hover: #c3275e;
  --win-accent-pressed: #aa2252;
  --win-accent-fg: #ffffff;
  --win-bg: #fff0f5;
  --win-surface: #ffffff;
  --win-surface-alt: #ffdce8;
  --win-border: rgba(74, 18, 48, 0.10);
  --win-border-strong: rgba(74, 18, 48, 0.20);
  --win-text: #4a1230;
  --win-text-secondary: #a05675;
  --win-shadow-card: 0 1px 3px rgba(74, 18, 48, 0.07), 0 1px 2px rgba(74, 18, 48, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(74, 18, 48, 0.12), 0 1px 2px rgba(74, 18, 48, 0.05);
}
html[data-sube="1"][data-tema="sevgililer"] {
  --win-bg: #fff0f5 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #ffdce8 !important;
  --win-border: rgba(74, 18, 48, 0.10) !important;
  --win-border-strong: rgba(74, 18, 48, 0.20) !important;
}

/* ---- TEMA: YILBAŞI ---- */
html[data-tema="yilbasi"] {
  --win-accent: #e5484d;
  --win-accent-hover: #ea6c70;
  --win-accent-pressed: #e0242a;
  --win-accent-fg: #ffffff;
  --win-bg: #0d1f17;
  --win-surface: #14301f;
  --win-surface-alt: #1f4a30;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #f6fff8;
  --win-text-secondary: #a9cdb4;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
}
html[data-sube="1"][data-tema="yilbasi"] {
  --win-bg: #0d1f17 !important;
  --win-surface: #14301f !important;
  --win-surface-alt: #1f4a30 !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* ---- TEMA: CADILAR BAYRAMI ---- */
html[data-tema="cadilar"] {
  --win-accent: #ff7a00;
  --win-accent-hover: #ff8f29;
  --win-accent-pressed: #d66600;
  --win-accent-fg: #ffffff;
  --win-bg: #120a1a;
  --win-surface: #1d1228;
  --win-surface-alt: #2c1b3d;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #fbeedd;
  --win-text-secondary: #b79cc9;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
}
html[data-sube="1"][data-tema="cadilar"] {
  --win-bg: #120a1a !important;
  --win-surface: #1d1228 !important;
  --win-surface-alt: #2c1b3d !important;
  --win-border: rgba(255, 255, 255, 0.10) !important;
  --win-border-strong: rgba(255, 255, 255, 0.18) !important;
}

/* ---- TEMA: ULUSAL BAYRAM ---- */
html[data-tema="bayrak"] {
  --win-accent: #c8102e;
  --win-accent-hover: #ac0e27;
  --win-accent-pressed: #8f0b21;
  --win-accent-fg: #ffffff;
  --win-bg: #fff5f5;
  --win-surface: #ffffff;
  --win-surface-alt: #fde3e5;
  --win-border: rgba(42, 10, 14, 0.10);
  --win-border-strong: rgba(42, 10, 14, 0.20);
  --win-text: #2a0a0e;
  --win-text-secondary: #8f5a60;
  --win-shadow-card: 0 1px 3px rgba(42, 10, 14, 0.07), 0 1px 2px rgba(42, 10, 14, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(42, 10, 14, 0.12), 0 1px 2px rgba(42, 10, 14, 0.05);
}
html[data-sube="1"][data-tema="bayrak"] {
  --win-bg: #fff5f5 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #fde3e5 !important;
  --win-border: rgba(42, 10, 14, 0.10) !important;
  --win-border-strong: rgba(42, 10, 14, 0.20) !important;
}

/* ---- TEMA: ANNELER GÜNÜ ---- */
html[data-tema="anneler"] {
  --win-accent: #c9507f;
  --win-accent-hover: #bf3b6e;
  --win-accent-pressed: #a83461;
  --win-accent-fg: #ffffff;
  --win-bg: #fff4f1;
  --win-surface: #ffffff;
  --win-surface-alt: #ffe3dc;
  --win-border: rgba(61, 26, 31, 0.10);
  --win-border-strong: rgba(61, 26, 31, 0.20);
  --win-text: #3d1a1f;
  --win-text-secondary: #94666a;
  --win-shadow-card: 0 1px 3px rgba(61, 26, 31, 0.07), 0 1px 2px rgba(61, 26, 31, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(61, 26, 31, 0.12), 0 1px 2px rgba(61, 26, 31, 0.05);
}
html[data-sube="1"][data-tema="anneler"] {
  --win-bg: #fff4f1 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #ffe3dc !important;
  --win-border: rgba(61, 26, 31, 0.10) !important;
  --win-border-strong: rgba(61, 26, 31, 0.20) !important;
}

/* ---- TEMA: KADINLAR GÜNÜ ---- */
html[data-tema="kadinlar"] {
  --win-accent: #9b3fb0;
  --win-accent-hover: #873799;
  --win-accent-pressed: #732f83;
  --win-accent-fg: #ffffff;
  --win-bg: #fffaf0;
  --win-surface: #ffffff;
  --win-surface-alt: #f6e8fb;
  --win-border: rgba(47, 26, 61, 0.10);
  --win-border-strong: rgba(47, 26, 61, 0.20);
  --win-text: #2f1a3d;
  --win-text-secondary: #86709a;
  --win-shadow-card: 0 1px 3px rgba(47, 26, 61, 0.07), 0 1px 2px rgba(47, 26, 61, 0.04);
  --win-shadow-card-hover: 0 6px 20px rgba(47, 26, 61, 0.12), 0 1px 2px rgba(47, 26, 61, 0.05);
}
html[data-sube="1"][data-tema="kadinlar"] {
  --win-bg: #fffaf0 !important;
  --win-surface: #ffffff !important;
  --win-surface-alt: #f6e8fb !important;
  --win-border: rgba(47, 26, 61, 0.10) !important;
  --win-border-strong: rgba(47, 26, 61, 0.20) !important;
}

/* ---- orijinal tema: durum/kategori renkleri ---- */
html[data-tema="orijinal"] {
  --win-success-fg: #0f7b0f; --win-success-bg: #dff6dd;
  --win-caution-fg: #9d5d00; --win-caution-bg: #fff4ce;
  --win-critical-fg: #c42b1c; --win-critical-bg: #fde7e9;
  --win-info-fg: #005fb8;    --win-info-bg: #eef6fd;
  --tema-yakit-fg: #d13438;  --tema-yakit-bg: #fdf3f3;
  --tema-yakit-accent: #d13438; --tema-yakit-accent-hover: #b62d31; --tema-yakit-accent-pressed: #9a2529;
  --tema-yemek-fg: #0f7b0f;  --tema-yemek-bg: #f2faf1;
  --tema-yemek-accent: #0f7b0f; --tema-yemek-accent-hover: #0c690c; --tema-yemek-accent-pressed: #0a560a;
  --tema-genel-fg: #005fb8;  --tema-genel-bg: #eef6fd;
  --tema-genel-accent: #005fb8; --tema-genel-accent-hover: #004f98; --tema-genel-accent-pressed: #003d75;
  --tema-z_raporu-fg: #742774;  --tema-z_raporu-bg: #f8f0f8;
  --tema-z_raporu-accent: #8764b8; --tema-z_raporu-accent-hover: #744da9; --tema-z_raporu-accent-pressed: #62409c;
}
html[data-tema="orijinal"] .kategori-bant--yakit { background: #fdeceb; border-left-color: #c23b3b; color: #7a1f1f; }
html[data-tema="orijinal"] .kategori-bant--yemek { background: #fdf6e3; border-left-color: #e0a800; color: #6b4e00; }
html[data-tema="orijinal"] .kategori-bant--z_raporu { background: #f3eefa; border-left-color: #7d5aa6; color: #4a2f66; }
html[data-tema="orijinal"] .kategori-bant--genel { background: #f1f5f9; border-left-color: #94a3b8; color: #334155; }
html[data-tema="orijinal"] .kategori-bant--banka { background: #eaf7ec; border-left-color: #4caf50; color: #1f5c28; }
html[data-tema="orijinal"] .kategori-bant--bilinmeyen { background: #f5eefa; border-left-color: #a874d1; color: #4a2f66; }
html[data-tema="orijinal"] .kategori-bant--tanimsiz { background: #f5eefa; border-left-color: #a874d1; color: #4a2f66; }

/* ---- açık temalar: ortak durum/kategori renkleri ---- */
html[data-tema="okyanus"],
html[data-tema="orman"],
html[data-tema="gunbatimi"],
html[data-tema="lavanta"],
html[data-tema="gul"],
html[data-tema="nane"],
html[data-tema="kum"],
html[data-tema="kahve"],
html[data-tema="turkuaz"],
html[data-tema="amber"],
html[data-tema="kontrast"],
html[data-tema="sevgililer"],
html[data-tema="bayrak"],
html[data-tema="anneler"],
html[data-tema="kadinlar"] {
  --win-success-fg: #157f3c; --win-success-bg: #e3f8ea;
  --win-caution-fg: #9a6400;  --win-caution-bg: #fff3d6;
  --win-critical-fg: #c22a3e; --win-critical-bg: #fdeaec;
  --win-info-fg: #475569;     --win-info-bg: #f1f5f9;
  --tema-yakit-fg: #c23b3b;  --tema-yakit-bg: #fdeceb;
  --tema-yakit-accent: #c23b3b; --tema-yakit-accent-hover: #aa3232; --tema-yakit-accent-pressed: #8f2a2a;
  --tema-yemek-fg: #257a3f;  --tema-yemek-bg: #eaf7ee;
  --tema-yemek-accent: #257a3f; --tema-yemek-accent-hover: #1f6a37; --tema-yemek-accent-pressed: #1a582e;
  --tema-genel-fg: #475569;  --tema-genel-bg: #f1f5f9;
  --tema-genel-accent: #475569; --tema-genel-accent-hover: #334155; --tema-genel-accent-pressed: #1e293b;
  --tema-z_raporu-fg: #7d5aa6;  --tema-z_raporu-bg: #f3eefa;
  --tema-z_raporu-accent: #7d5aa6; --tema-z_raporu-accent-hover: #6c4c92; --tema-z_raporu-accent-pressed: #5c4079;
}
html[data-tema="okyanus"] .kategori-bant--yakit,
html[data-tema="orman"] .kategori-bant--yakit,
html[data-tema="gunbatimi"] .kategori-bant--yakit,
html[data-tema="lavanta"] .kategori-bant--yakit,
html[data-tema="gul"] .kategori-bant--yakit,
html[data-tema="nane"] .kategori-bant--yakit,
html[data-tema="kum"] .kategori-bant--yakit,
html[data-tema="kahve"] .kategori-bant--yakit,
html[data-tema="turkuaz"] .kategori-bant--yakit,
html[data-tema="amber"] .kategori-bant--yakit,
html[data-tema="kontrast"] .kategori-bant--yakit,
html[data-tema="sevgililer"] .kategori-bant--yakit,
html[data-tema="bayrak"] .kategori-bant--yakit,
html[data-tema="anneler"] .kategori-bant--yakit,
html[data-tema="kadinlar"] .kategori-bant--yakit { background: #fdeceb; border-left-color: #c23b3b; color: #7a1f1f; }
html[data-tema="okyanus"] .kategori-bant--yemek,
html[data-tema="orman"] .kategori-bant--yemek,
html[data-tema="gunbatimi"] .kategori-bant--yemek,
html[data-tema="lavanta"] .kategori-bant--yemek,
html[data-tema="gul"] .kategori-bant--yemek,
html[data-tema="nane"] .kategori-bant--yemek,
html[data-tema="kum"] .kategori-bant--yemek,
html[data-tema="kahve"] .kategori-bant--yemek,
html[data-tema="turkuaz"] .kategori-bant--yemek,
html[data-tema="amber"] .kategori-bant--yemek,
html[data-tema="kontrast"] .kategori-bant--yemek,
html[data-tema="sevgililer"] .kategori-bant--yemek,
html[data-tema="bayrak"] .kategori-bant--yemek,
html[data-tema="anneler"] .kategori-bant--yemek,
html[data-tema="kadinlar"] .kategori-bant--yemek { background: #fdf6e3; border-left-color: #e0a800; color: #6b4e00; }
html[data-tema="okyanus"] .kategori-bant--z_raporu,
html[data-tema="orman"] .kategori-bant--z_raporu,
html[data-tema="gunbatimi"] .kategori-bant--z_raporu,
html[data-tema="lavanta"] .kategori-bant--z_raporu,
html[data-tema="gul"] .kategori-bant--z_raporu,
html[data-tema="nane"] .kategori-bant--z_raporu,
html[data-tema="kum"] .kategori-bant--z_raporu,
html[data-tema="kahve"] .kategori-bant--z_raporu,
html[data-tema="turkuaz"] .kategori-bant--z_raporu,
html[data-tema="amber"] .kategori-bant--z_raporu,
html[data-tema="kontrast"] .kategori-bant--z_raporu,
html[data-tema="sevgililer"] .kategori-bant--z_raporu,
html[data-tema="bayrak"] .kategori-bant--z_raporu,
html[data-tema="anneler"] .kategori-bant--z_raporu,
html[data-tema="kadinlar"] .kategori-bant--z_raporu { background: #f3eefa; border-left-color: #7d5aa6; color: #4a2f66; }
html[data-tema="okyanus"] .kategori-bant--genel,
html[data-tema="orman"] .kategori-bant--genel,
html[data-tema="gunbatimi"] .kategori-bant--genel,
html[data-tema="lavanta"] .kategori-bant--genel,
html[data-tema="gul"] .kategori-bant--genel,
html[data-tema="nane"] .kategori-bant--genel,
html[data-tema="kum"] .kategori-bant--genel,
html[data-tema="kahve"] .kategori-bant--genel,
html[data-tema="turkuaz"] .kategori-bant--genel,
html[data-tema="amber"] .kategori-bant--genel,
html[data-tema="kontrast"] .kategori-bant--genel,
html[data-tema="sevgililer"] .kategori-bant--genel,
html[data-tema="bayrak"] .kategori-bant--genel,
html[data-tema="anneler"] .kategori-bant--genel,
html[data-tema="kadinlar"] .kategori-bant--genel { background: #f1f5f9; border-left-color: #94a3b8; color: #334155; }
html[data-tema="okyanus"] .kategori-bant--banka,
html[data-tema="orman"] .kategori-bant--banka,
html[data-tema="gunbatimi"] .kategori-bant--banka,
html[data-tema="lavanta"] .kategori-bant--banka,
html[data-tema="gul"] .kategori-bant--banka,
html[data-tema="nane"] .kategori-bant--banka,
html[data-tema="kum"] .kategori-bant--banka,
html[data-tema="kahve"] .kategori-bant--banka,
html[data-tema="turkuaz"] .kategori-bant--banka,
html[data-tema="amber"] .kategori-bant--banka,
html[data-tema="kontrast"] .kategori-bant--banka,
html[data-tema="sevgililer"] .kategori-bant--banka,
html[data-tema="bayrak"] .kategori-bant--banka,
html[data-tema="anneler"] .kategori-bant--banka,
html[data-tema="kadinlar"] .kategori-bant--banka { background: #eaf7ec; border-left-color: #4caf50; color: #1f5c28; }
html[data-tema="okyanus"] .kategori-bant--bilinmeyen,
html[data-tema="orman"] .kategori-bant--bilinmeyen,
html[data-tema="gunbatimi"] .kategori-bant--bilinmeyen,
html[data-tema="lavanta"] .kategori-bant--bilinmeyen,
html[data-tema="gul"] .kategori-bant--bilinmeyen,
html[data-tema="nane"] .kategori-bant--bilinmeyen,
html[data-tema="kum"] .kategori-bant--bilinmeyen,
html[data-tema="kahve"] .kategori-bant--bilinmeyen,
html[data-tema="turkuaz"] .kategori-bant--bilinmeyen,
html[data-tema="amber"] .kategori-bant--bilinmeyen,
html[data-tema="kontrast"] .kategori-bant--bilinmeyen,
html[data-tema="sevgililer"] .kategori-bant--bilinmeyen,
html[data-tema="bayrak"] .kategori-bant--bilinmeyen,
html[data-tema="anneler"] .kategori-bant--bilinmeyen,
html[data-tema="kadinlar"] .kategori-bant--bilinmeyen { background: #f5eefa; border-left-color: #a874d1; color: #4a2f66; }
html[data-tema="okyanus"] .kategori-bant--tanimsiz,
html[data-tema="orman"] .kategori-bant--tanimsiz,
html[data-tema="gunbatimi"] .kategori-bant--tanimsiz,
html[data-tema="lavanta"] .kategori-bant--tanimsiz,
html[data-tema="gul"] .kategori-bant--tanimsiz,
html[data-tema="nane"] .kategori-bant--tanimsiz,
html[data-tema="kum"] .kategori-bant--tanimsiz,
html[data-tema="kahve"] .kategori-bant--tanimsiz,
html[data-tema="turkuaz"] .kategori-bant--tanimsiz,
html[data-tema="amber"] .kategori-bant--tanimsiz,
html[data-tema="kontrast"] .kategori-bant--tanimsiz,
html[data-tema="sevgililer"] .kategori-bant--tanimsiz,
html[data-tema="bayrak"] .kategori-bant--tanimsiz,
html[data-tema="anneler"] .kategori-bant--tanimsiz,
html[data-tema="kadinlar"] .kategori-bant--tanimsiz { background: #f5eefa; border-left-color: #a874d1; color: #4a2f66; }

/* ---- koyu temalar: ortak durum/kategori renkleri ---- */
html[data-tema="gecemavisi"],
html[data-tema="grafit"],
html[data-tema="gecemor"],
html[data-tema="ormangecesi"],
html[data-tema="kontrastkoyu"],
html[data-tema="yilbasi"],
html[data-tema="cadilar"] {
  --win-success-fg: #8fe08a; --win-success-bg: #1f3d12;
  --win-caution-fg: #ffcf6e;  --win-caution-bg: #4a3208;
  --win-critical-fg: #ff9f9f; --win-critical-bg: #4a1717;
  --win-info-fg: #cbd5e1;     --win-info-bg: #334155;
  --tema-yakit-fg: #ff9f9f;  --tema-yakit-bg: #4a1717;
  --tema-yakit-accent: #e0696d; --tema-yakit-accent-hover: #ec8285; --tema-yakit-accent-pressed: #c85458;
  --tema-yemek-fg: #8fe08a;  --tema-yemek-bg: #1f3d12;
  --tema-yemek-accent: #5fae5a; --tema-yemek-accent-hover: #74c26f; --tema-yemek-accent-pressed: #4c9647;
  --tema-genel-fg: #cbd5e1;  --tema-genel-bg: #334155;
  --tema-genel-accent: #94a3b8; --tema-genel-accent-hover: #cbd5e1; --tema-genel-accent-pressed: #64748b;
  --tema-z_raporu-fg: #d4a9e8;  --tema-z_raporu-bg: #3a1f4a;
  --tema-z_raporu-accent: #a074c9; --tema-z_raporu-accent-hover: #b48ed6; --tema-z_raporu-accent-pressed: #8a5eb3;
}
html[data-tema="gecemavisi"] .kategori-bant--yakit,
html[data-tema="grafit"] .kategori-bant--yakit,
html[data-tema="gecemor"] .kategori-bant--yakit,
html[data-tema="ormangecesi"] .kategori-bant--yakit,
html[data-tema="kontrastkoyu"] .kategori-bant--yakit,
html[data-tema="yilbasi"] .kategori-bant--yakit,
html[data-tema="cadilar"] .kategori-bant--yakit { background: #4a1717; border-left-color: #ff9f9f; color: #ffdada; }
html[data-tema="gecemavisi"] .kategori-bant--yemek,
html[data-tema="grafit"] .kategori-bant--yemek,
html[data-tema="gecemor"] .kategori-bant--yemek,
html[data-tema="ormangecesi"] .kategori-bant--yemek,
html[data-tema="kontrastkoyu"] .kategori-bant--yemek,
html[data-tema="yilbasi"] .kategori-bant--yemek,
html[data-tema="cadilar"] .kategori-bant--yemek { background: #4a3f08; border-left-color: #ffd76e; color: #fff0c2; }
html[data-tema="gecemavisi"] .kategori-bant--z_raporu,
html[data-tema="grafit"] .kategori-bant--z_raporu,
html[data-tema="gecemor"] .kategori-bant--z_raporu,
html[data-tema="ormangecesi"] .kategori-bant--z_raporu,
html[data-tema="kontrastkoyu"] .kategori-bant--z_raporu,
html[data-tema="yilbasi"] .kategori-bant--z_raporu,
html[data-tema="cadilar"] .kategori-bant--z_raporu { background: #3a1f4a; border-left-color: #d4a9e8; color: #f3eefa; }
html[data-tema="gecemavisi"] .kategori-bant--genel,
html[data-tema="grafit"] .kategori-bant--genel,
html[data-tema="gecemor"] .kategori-bant--genel,
html[data-tema="ormangecesi"] .kategori-bant--genel,
html[data-tema="kontrastkoyu"] .kategori-bant--genel,
html[data-tema="yilbasi"] .kategori-bant--genel,
html[data-tema="cadilar"] .kategori-bant--genel { background: #2a2a2a; border-left-color: #999999; color: #e5e5e5; }
html[data-tema="gecemavisi"] .kategori-bant--banka,
html[data-tema="grafit"] .kategori-bant--banka,
html[data-tema="gecemor"] .kategori-bant--banka,
html[data-tema="ormangecesi"] .kategori-bant--banka,
html[data-tema="kontrastkoyu"] .kategori-bant--banka,
html[data-tema="yilbasi"] .kategori-bant--banka,
html[data-tema="cadilar"] .kategori-bant--banka { background: #12401b; border-left-color: #6eff6e; color: #d4ffd4; }
html[data-tema="gecemavisi"] .kategori-bant--bilinmeyen,
html[data-tema="grafit"] .kategori-bant--bilinmeyen,
html[data-tema="gecemor"] .kategori-bant--bilinmeyen,
html[data-tema="ormangecesi"] .kategori-bant--bilinmeyen,
html[data-tema="kontrastkoyu"] .kategori-bant--bilinmeyen,
html[data-tema="yilbasi"] .kategori-bant--bilinmeyen,
html[data-tema="cadilar"] .kategori-bant--bilinmeyen { background: #3a1f4a; border-left-color: #d494ff; color: #ecd4ff; }
html[data-tema="gecemavisi"] .kategori-bant--tanimsiz,
html[data-tema="grafit"] .kategori-bant--tanimsiz,
html[data-tema="gecemor"] .kategori-bant--tanimsiz,
html[data-tema="ormangecesi"] .kategori-bant--tanimsiz,
html[data-tema="kontrastkoyu"] .kategori-bant--tanimsiz,
html[data-tema="yilbasi"] .kategori-bant--tanimsiz,
html[data-tema="cadilar"] .kategori-bant--tanimsiz { background: #3a1f4a; border-left-color: #d494ff; color: #ecd4ff; }
/* TEMA-URET-BITIS */

/* ================= DÜĞME JETONLARI (tek kaynak) [27-10-2026] =================
   Tüm düğmelerin boyutu/biçimi buradan gelir (bilesenler.css "DÜĞME STANDARDI" bloğu bu jetonları kullanır).
   Renkler tema jetonlarından (--win-accent, --win-critical-*, --win-surface...) gelir. Yeni düğme tipi/boyutu eklenecekse önce buraya jeton. */
html[data-stil="A"], html:not([data-stil]) {
  --stil-btn-h: 32px; --stil-btn-h-k: 28px; --stil-btn-h-b: 38px;
  --stil-btn-font: 12.5px; --stil-btn-font-k: 11.5px; --stil-btn-font-b: 13.5px;
  --stil-btn-pad: 14px; --stil-btn-pad-k: 10px; --stil-btn-pad-b: 18px;
  --stil-btn-radius: 7px; --stil-btn-shadow: none; --stil-btn-gap: 7px; --stil-btn-icon: 15px;
}
html[data-stil="B"] {
  --stil-btn-h: 28px; --stil-btn-h-k: 24px; --stil-btn-h-b: 34px;
  --stil-btn-font: 12px; --stil-btn-font-k: 11px; --stil-btn-font-b: 13px;
  --stil-btn-pad: 10px; --stil-btn-pad-k: 8px; --stil-btn-pad-b: 14px;
  --stil-btn-radius: 4px; --stil-btn-shadow: none; --stil-btn-gap: 6px; --stil-btn-icon: 14px;
}
html[data-stil="C"] {
  --stil-btn-h: 36px; --stil-btn-h-k: 30px; --stil-btn-h-b: 42px;
  --stil-btn-font: 13px; --stil-btn-font-k: 12px; --stil-btn-font-b: 14px;
  --stil-btn-pad: 18px; --stil-btn-pad-k: 13px; --stil-btn-pad-b: 22px;
  --stil-btn-radius: 18px; --stil-btn-shadow: 0 1px 3px rgba(0,0,0,.10); --stil-btn-gap: 8px; --stil-btn-icon: 16px;
}
/* D = DAR MOD: küçük yazı, kısa düğme, sıkı boşluk (yoğun ekranlar / küçük monitörler) */
html[data-stil="D"] {
  --stil-radius-card: 8px; --stil-radius-badge: 4px; --stil-card-pad: 10px; --stil-table-row-pad: 4px 8px; --stil-gap: 6px;
  --stil-btn-h: 26px; --stil-btn-h-k: 22px; --stil-btn-h-b: 30px;
  --stil-btn-font: 11.5px; --stil-btn-font-k: 10.5px; --stil-btn-font-b: 12.5px;
  --stil-btn-pad: 9px; --stil-btn-pad-k: 7px; --stil-btn-pad-b: 12px;
  --stil-btn-radius: 5px; --stil-btn-shadow: none; --stil-btn-gap: 5px; --stil-btn-icon: 13px;
}