/* ═══════════════════════════════════════════════════════════════════
   MILAGRON UI - SAYFA İÇİ RENKLER İÇİN KARANLIK KÖPRÜ
   ───────────────────────────────────────────────────────────────────
   Sayfaların kendi <style> bloklarında ve style="" özniteliklerinde
   yazılmış sabit renkler tools/dark-codemod.js ile şu hâle getirildi:

       background:#f9f9f9  ->  background:var(--mgd-surface-2, #f9f9f9)

   Buradaki --mgd-* değişkenleri YALNIZ karanlık temada tanımlıdır.
   Açık temada tanımsız kaldıkları için tarayıcı virgülden sonraki
   özgün rengi kullanır; açık görünüm dönüşümden önceki ile aynıdır.

   Yeni sayfa yazarken bu değişkenleri doğrudan kullanma; --mg-* tema
   token'larını kullan. Bu dosya eski yazımları karanlığa taşıyan köprü.
   ═══════════════════════════════════════════════════════════════════ */

:root[data-theme="dark"] {
    /* ── Zemin ─────────────────────────────────────────────────── */
    --mgd-surface: var(--mg-surface);
    --mgd-surface-2: var(--mg-surface-2);
    --mgd-surface-3: var(--mg-surface-3);
    --mgd-surface-4: #2a3140;

    /* ── Yazı ──────────────────────────────────────────────────── */
    --mgd-text: var(--mg-text);
    --mgd-text-2: var(--mg-text-secondary);
    --mgd-text-muted: var(--mg-text-muted);
    --mgd-text-subtle: var(--mg-text-subtle);

    /* ── Kenarlık ──────────────────────────────────────────────── */
    --mgd-border: var(--mg-border);
    --mgd-border-strong: var(--mg-border-strong);

    /* ── Renk tonları: açık temadaki pastel zemin / kenarlık ve koyu
          renkli yazıların karanlık karşılıkları ─────────────────── */
    --mgd-tint-red-bg: #2b1517;
    --mgd-tint-red-border: #542326;
    --mgd-fg-red: #ff8a80;

    --mgd-tint-orange-bg: #2b1d12;
    --mgd-tint-orange-border: #55361c;
    --mgd-fg-orange: #ffb070;

    --mgd-tint-yellow-bg: #2a2410;
    --mgd-tint-yellow-border: #4d4317;
    --mgd-fg-yellow: #f3cd5f;

    --mgd-tint-green-bg: #10251b;
    --mgd-tint-green-border: #1d4634;
    --mgd-fg-green: #5cd693;

    --mgd-tint-teal-bg: #0f2627;
    --mgd-tint-teal-border: #1b4a4b;
    --mgd-fg-teal: #5fd4d0;

    --mgd-tint-blue-bg: #12233a;
    --mgd-tint-blue-border: #1f3f66;
    --mgd-fg-blue: #74b3ff;

    --mgd-tint-purple-bg: #1f1833;
    --mgd-tint-purple-border: #3b2e5e;
    --mgd-fg-purple: #b9a2ff;

    --mgd-tint-pink-bg: #2b1424;
    --mgd-tint-pink-border: #542544;
    --mgd-fg-pink: #ff8fcf;
}

/* ── Satır içi zemin rengi verilmiş butonlar ─────────────────────
   style="background:#34495e" gibi sabit (dönüştürülmemiş, yani doygun
   ya da koyu) zeminli butonlar açık temada tema yazı rengini (beyaz)
   alıyor. Karanlık temada tema birincil butonu açık zemin + koyu yazıya
   çevirdiği için bu butonların yazısı koyulaşıp okunmaz oluyordu.
   Açık temadaki beyaz yazı korunur. */
:root[data-theme="dark"] :is(.button, button, input[type="submit"], input[type="button"], input[type="reset"]):is(
    [style*="background:#"], [style*="background: #"],
    [style*="background-color:#"], [style*="background-color: #"],
    [style*="background:rgb"], [style*="background: rgb"],
    [style*="background:linear-gradient"], [style*="background: linear-gradient"]
) {
    color: #fff;
    fill: #fff;
}