/* ============================================================
   VAKARYON — TEMA SİSTEMİ (10 tema)
   Kullanım: <html data-theme="gece|okyanus|neon|sonbahar|gunduz|sakura|orman|safak|buz|siyah">
   Bu dosya en SON yüklenmelidir (portal.css, pages.css,
   social.css ve farm.css'ten sonra).
   Not: "gece" temasındaki tüm değerler eskiden sabit yazılan
   renklerle birebir aynıdır -> mevcut görünüm değişmez.
   ⚠️ Tema anahtarları includes/theme.php → themeAll() ile BİREBİR
   aynı olmalıdır (menü ve profil kartları oradan üretilir).
   ⚠️ Yeni tema eklerken burada TAM PALET bloğu aç (eksik bırakılan
   --p-* değişkenleri :root'taki "gece" değerine düşer → uyumsuz renk).
   ============================================================ */

/* ---------- VARSAYILAN (GECE) ---------- */
:root {
    /* yüzeyler */
    --p-surface-deep: #0c1322;
    --p-menu-1: #111a2b;
    --p-menu-2: #0b1120;
    --p-card: rgba(4, 8, 16, .35);
    --p-card-2: rgba(4, 8, 16, .4);
    --p-card-3: rgba(4, 8, 16, .45);
    --p-input: rgba(4, 8, 16, .55);
    --p-input-2: rgba(4, 8, 16, .6);
    --p-overlay: rgba(4, 8, 16, .74);
    --p-nav-bg: rgba(8, 12, 20, .8);
    --p-hair: rgba(255, 255, 255, .1);
    --p-hair-2: rgba(255, 255, 255, .12);
    --p-star: rgba(255, 255, 255, .85);
    /* metinler */
    --p-text-2: #e2eaf7;
    --p-text-soft: #cbd5e1;
    --p-text-strong: #fff;
    /* aksan metinleri */
    --p-green-text: #86efac;
    --p-green-text-2: #4ade80;
    --p-warn-text: #fbbf24;
    --p-red-text: #fca5a5;
    --p-red-text-2: #fecaca;
    --p-sky-text: #7dd3fc;
    --p-sky-text-2: #38bdf8;          /* 🐾 ikincil vurgu (portal.css "hazır" kenarı) */
    --p-purple-text: #c084fc;
    --p-purple-text-2: #d8b4fe;
    --p-active-text: #86efac;
    /* ham aksanlar + yumuşak hâli (tema seçici · odak halkaları) */
    --p-warn: #f59e0b;
    --p-purple: #a855f7;
    --p-accent-soft: rgba(34, 197, 94, .2);
    /* yerleşik form öğeleri / kaydırma çubuğu renk şeması */
    color-scheme: dark;
    /* arka plan ışımaları */
    --p-glow-a: rgba(34, 197, 94, .12);
    --p-glow-b: rgba(56, 189, 248, .12);
    /* kaydırma çubuğu */
    --p-scroll-thumb: rgba(148, 163, 184, .42);
    --p-scroll-track: rgba(4, 8, 16, .38);
    --p-scroll-hover: #22c55e;
}

/* Sayfa arka planı (ışımalar temaya göre) */
body {
    background:
        radial-gradient(1200px 640px at 12% -10%, var(--p-glow-a), transparent 60%),
        radial-gradient(1000px 560px at 100% 0%, var(--p-glow-b), transparent 55%),
        var(--p-bg);
}

/* ============================================================
   1) GECE  (varsayılan)
   ============================================================ */
html[data-theme="gece"] {
    --p-bg: #080c14;
    --p-surface: #101827;
    --p-surface-2: #16203a;
    --p-border: rgba(148, 163, 184, .14);
    --p-text: #e8eefc;
    --p-muted: #93a4c0;
    --p-muted-2: #64748b;
    --p-accent: #22c55e;
    --p-sky: #38bdf8;
}

/* ============================================================
   2) OKYANUS  (derin mavi & turkuaz)
   ============================================================ */
html[data-theme="okyanus"] {
    --p-bg: #041019;
    --p-surface: #08202e;
    --p-surface-2: #0b2937;
    --p-surface-deep: #061a26;
    --p-border: rgba(125, 211, 252, .16);
    --p-text: #e6f6ff;
    --p-muted: #8bb4c6;
    --p-muted-2: #5e8296;
    --p-accent: #06b6d4;
    --p-sky: #22d3ee;
    --p-warn: #fbbf24;
    --p-purple: #2dd4bf;

    --p-card: rgba(4, 18, 27, .42);
    --p-card-2: rgba(4, 18, 27, .48);
    --p-card-3: rgba(4, 18, 27, .52);
    --p-input: rgba(4, 18, 27, .55);
    --p-input-2: rgba(4, 18, 27, .62);
    --p-menu-1: #0a2331;
    --p-menu-2: #061a26;
    --p-nav-bg: rgba(4, 16, 25, .82);

    --p-text-2: #d3ecf7;
    --p-text-soft: #b9d8e6;
    --p-text-strong: #fff;

    --p-active-text: #67e8f9;
    --p-sky-text: #7dd3fc;
    --p-sky-text-2: #22d3ee;      /* ikincil vurgu (mor yerine turkuaz) */
    --p-green-text-2: #34d399;
    --p-purple-text: #5eead4;     /* --p-purple bu temada turkuaz → metni de turkuaz */
    --p-purple-text-2: #99f6e4;
    --p-accent-soft: rgba(6, 182, 212, .22);

    --p-glow-a: rgba(6, 182, 212, .16);
    --p-glow-b: rgba(45, 212, 191, .12);
    --p-scroll-thumb: rgba(125, 211, 252, .42);
    --p-scroll-track: rgba(4, 18, 27, .45);
    --p-scroll-hover: #06b6d4;
}

/* ============================================================
   3) NEON  (mor & pembe)
   ============================================================ */
html[data-theme="neon"] {
    --p-bg: #0b0614;
    --p-surface: #180e28;
    --p-surface-2: #221238;
    --p-surface-deep: #12091f;
    --p-border: rgba(216, 180, 254, .16);
    --p-text: #f3e9ff;
    --p-muted: #a78bc4;
    --p-muted-2: #7a6690;
    --p-accent: #a855f7;
    --p-sky: #ec4899;
    --p-purple: #d946ef;

    --p-card: rgba(11, 6, 20, .42);
    --p-card-2: rgba(11, 6, 20, .48);
    --p-card-3: rgba(11, 6, 20, .52);
    --p-input: rgba(11, 6, 20, .55);
    --p-input-2: rgba(11, 6, 20, .62);
    --p-menu-1: #1e1030;
    --p-menu-2: #140a22;
    --p-nav-bg: rgba(11, 6, 20, .84);

    --p-text-2: #e9dcff;
    --p-text-soft: #d6c7ea;
    --p-text-strong: #fff;

    --p-active-text: #d8b4fe;
    --p-sky-text: #f9a8d4;
    --p-sky-text-2: #ec4899;      /* ikincil vurgu */
    --p-purple-text: #e9d5ff;     /* okunurluk için açık lavanta */
    --p-purple-text-2: #d8b4fe;
    --p-accent-soft: rgba(168, 85, 247, .24);

    --p-glow-a: rgba(168, 85, 247, .18);
    --p-glow-b: rgba(236, 72, 153, .14);
    --p-scroll-thumb: rgba(216, 180, 254, .42);
    --p-scroll-track: rgba(11, 6, 20, .45);
    --p-scroll-hover: #a855f7;
}


/* ============================================================
   4) GÜNDÜZ  (açık / light tema)
   ============================================================ */
html[data-theme="gunduz"] {
    --p-bg: #eef2f7;
    --p-surface: #ffffff;
    --p-surface-2: #eaf0f8;
    --p-surface-deep: #e3eaf5;
    --p-border: rgba(15, 23, 42, .12);
    --p-text: #0f172a;
    --p-muted: #556580;
    --p-muted-2: #6b7a92;
    --p-accent: #16a34a;
    --p-sky: #0284c7;
    --p-warn: #b45309;
    --p-purple: #7c3aed;

    --p-card: rgba(15, 23, 42, .035);
    --p-card-2: rgba(15, 23, 42, .05);
    --p-card-3: rgba(15, 23, 42, .06);
    --p-input: #ffffff;
    --p-input-2: rgba(15, 23, 42, .05);
    --p-overlay: rgba(15, 23, 42, .45);
    --p-nav-bg: rgba(255, 255, 255, .88);
    --p-menu-1: #ffffff;
    --p-menu-2: #f2f6fc;
    --p-hair: rgba(15, 23, 42, .1);
    --p-hair-2: rgba(15, 23, 42, .12);
    --p-star: rgba(15, 23, 42, .22);

    --p-text-2: #334155;
    --p-text-soft: #475569;
    --p-text-strong: #0f172a;

    --p-green-text: #15803d;
    --p-green-text-2: #16a34a;
    --p-warn-text: #b45309;
    --p-red-text: #b91c1c;
    --p-red-text-2: #991b1b;
    --p-sky-text: #0369a1;
    --p-purple-text: #7c3aed;
    --p-purple-text-2: #6d28d9;
    --p-active-text: #15803d;

    --p-sky-text-2: #0284c7;
    --p-accent-soft: rgba(22, 163, 74, .2);
    color-scheme: light;          /* yerleşik form öğeleri/kaydırma çubuğu açık renk */

    --p-glow-a: rgba(34, 197, 94, .1);
    --p-glow-b: rgba(56, 189, 248, .1);
    --p-scroll-thumb: rgba(15, 23, 42, .26);
    --p-scroll-track: rgba(15, 23, 42, .06);
    --p-scroll-hover: #16a34a;
}

/* ============================================================
   5) SONBAHAR  (koyu · sıcak amber & kızıl)
   ============================================================ */
html[data-theme="sonbahar"] {
    --p-bg: #150e08;
    --p-surface: #221609;
    --p-surface-2: #2e1e0d;
    --p-surface-deep: #1a1108;
    --p-border: rgba(251, 191, 36, .16);
    --p-text: #fdf1e3;
    --p-muted: #c2a284;
    --p-muted-2: #94765c;
    --p-accent: #f59e0b;
    --p-sky: #fb923c;
    --p-warn: #fbbf24;
    --p-purple: #f97316;

    --p-card: rgba(21, 14, 8, .42);
    --p-card-2: rgba(21, 14, 8, .48);
    --p-card-3: rgba(21, 14, 8, .52);
    --p-input: rgba(21, 14, 8, .55);
    --p-input-2: rgba(21, 14, 8, .62);
    --p-overlay: rgba(21, 14, 8, .74);
    --p-menu-1: #2a1a0c;
    --p-menu-2: #1d1207;
    --p-nav-bg: rgba(21, 14, 8, .84);
    --p-hair: rgba(253, 230, 200, .1);
    --p-hair-2: rgba(253, 230, 200, .12);
    --p-star: rgba(255, 237, 213, .85);

    --p-text-2: #f6e3cd;
    --p-text-soft: #e7cfb4;
    --p-text-strong: #fff;

    --p-green-text: #bef264;
    --p-green-text-2: #a3e635;
    --p-warn-text: #fcd34d;
    --p-red-text: #fca5a5;
    --p-red-text-2: #fecaca;
    --p-sky-text: #fdba74;
    --p-sky-text-2: #fb923c;
    --p-purple-text: #fdba74;
    --p-purple-text-2: #fed7aa;
    --p-active-text: #fcd34d;
    --p-accent-soft: rgba(245, 158, 11, .26);

    --p-glow-a: rgba(245, 158, 11, .16);
    --p-glow-b: rgba(239, 68, 68, .12);
    --p-scroll-thumb: rgba(251, 191, 36, .4);
    --p-scroll-track: rgba(21, 14, 8, .45);
    --p-scroll-hover: #f59e0b;
}

/* ============================================================
   6) SAKURA  (açık · pembe & gül)
   ============================================================ */
html[data-theme="sakura"] {
    --p-bg: #fdf4f8;
    --p-surface: #ffffff;
    --p-surface-2: #fbeaf2;
    --p-surface-deep: #f7e2ec;
    --p-border: rgba(131, 24, 67, .12);
    --p-text: #3b0a22;
    --p-muted: #7b5566;
    --p-muted-2: #95707f;
    --p-accent: #db2777;
    --p-sky: #a855f7;
    --p-warn: #b45309;
    --p-purple: #9333ea;

    --p-card: rgba(131, 24, 67, .035);
    --p-card-2: rgba(131, 24, 67, .05);
    --p-card-3: rgba(131, 24, 67, .06);
    --p-input: #ffffff;
    --p-input-2: rgba(131, 24, 67, .05);
    --p-overlay: rgba(59, 10, 34, .45);
    --p-menu-1: #ffffff;
    --p-menu-2: #fdf1f6;
    --p-nav-bg: rgba(255, 255, 255, .88);
    --p-hair: rgba(131, 24, 67, .1);
    --p-hair-2: rgba(131, 24, 67, .12);
    --p-star: rgba(131, 24, 67, .22);

    --p-text-2: #6d2a45;
    --p-text-soft: #7d4257;
    --p-text-strong: #3b0a22;

    --p-green-text: #15803d;
    --p-green-text-2: #16a34a;
    --p-warn-text: #b45309;
    --p-red-text: #b91c1c;
    --p-red-text-2: #991b1b;
    --p-sky-text: #7e22ce;
    --p-sky-text-2: #9333ea;
    --p-purple-text: #7e22ce;
    --p-purple-text-2: #6b21a8;
    --p-active-text: #be185d;
    --p-accent-soft: rgba(219, 39, 119, .2);
    color-scheme: light;

    --p-glow-a: rgba(236, 72, 153, .12);
    --p-glow-b: rgba(168, 85, 247, .1);
    --p-scroll-thumb: rgba(131, 24, 67, .26);
    --p-scroll-track: rgba(131, 24, 67, .06);
    --p-scroll-hover: #db2777;
}

/* ============================================================
   7) ORMAN  (koyu · çam yeşili & fıstık)
   ============================================================ */
html[data-theme="orman"] {
    --p-bg: #07130c;
    --p-surface: #0f2117;
    --p-surface-2: #142c1e;
    --p-surface-deep: #0a1a11;
    --p-border: rgba(134, 239, 172, .16);
    --p-text: #e7f6ec;
    --p-muted: #8db3a0;
    --p-muted-2: #64866f;
    --p-accent: #22c55e;
    --p-sky: #a3e635;
    --p-warn: #facc15;
    --p-purple: #84cc16;

    --p-card: rgba(7, 19, 12, .42);
    --p-card-2: rgba(7, 19, 12, .48);
    --p-card-3: rgba(7, 19, 12, .52);
    --p-input: rgba(7, 19, 12, .55);
    --p-input-2: rgba(7, 19, 12, .62);
    --p-menu-1: #12291a;
    --p-menu-2: #0a1a11;
    --p-nav-bg: rgba(7, 19, 12, .84);

    --p-text-2: #d5ecdd;
    --p-text-soft: #bcdfc6;
    --p-text-strong: #fff;

    --p-active-text: #86efac;
    --p-sky-text: #bef264;
    --p-sky-text-2: #a3e635;
    --p-purple-text: #d9f99d;
    --p-purple-text-2: #bef264;
    --p-accent-soft: rgba(34, 197, 94, .24);

    --p-glow-a: rgba(34, 197, 94, .16);
    --p-glow-b: rgba(163, 230, 53, .12);
    --p-scroll-thumb: rgba(134, 239, 172, .4);
    --p-scroll-track: rgba(7, 19, 12, .45);
    --p-scroll-hover: #22c55e;
}

/* ============================================================
   8) ŞAFAK  (koyu · indigo & mercan)
   ============================================================ */
html[data-theme="safak"] {
    --p-bg: #0c0a1c;
    --p-surface: #171334;
    --p-surface-2: #211a45;
    --p-surface-deep: #100d26;
    --p-border: rgba(253, 186, 116, .16);
    --p-text: #f6eefc;
    --p-muted: #a99ac2;
    --p-muted-2: #7c6c96;
    --p-accent: #fb923c;
    --p-sky: #f472b6;
    --p-warn: #fbbf24;
    --p-purple: #a78bfa;

    --p-card: rgba(12, 10, 28, .42);
    --p-card-2: rgba(12, 10, 28, .48);
    --p-card-3: rgba(12, 10, 28, .52);
    --p-input: rgba(12, 10, 28, .55);
    --p-input-2: rgba(12, 10, 28, .62);
    --p-menu-1: #1c1640;
    --p-menu-2: #120f2b;
    --p-nav-bg: rgba(12, 10, 28, .84);

    --p-text-2: #e8ddf7;
    --p-text-soft: #d3c6e8;
    --p-text-strong: #fff;

    --p-active-text: #fdba74;
    --p-sky-text: #f9a8d4;
    --p-sky-text-2: #f472b6;
    --p-purple-text: #c4b5fd;
    --p-purple-text-2: #ddd6fe;
    --p-accent-soft: rgba(251, 146, 60, .24);

    --p-glow-a: rgba(251, 146, 60, .16);
    --p-glow-b: rgba(244, 114, 182, .14);
    --p-scroll-thumb: rgba(253, 186, 116, .4);
    --p-scroll-track: rgba(12, 10, 28, .45);
    --p-scroll-hover: #fb923c;
}

/* ============================================================
   9) BUZ  (açık · buz mavisi & indigo)
   ============================================================ */
html[data-theme="buz"] {
    --p-bg: #eef6fb;
    --p-surface: #ffffff;
    --p-surface-2: #e6f1f9;
    --p-surface-deep: #dbeaf6;
    --p-border: rgba(12, 74, 110, .12);
    --p-text: #0b2942;
    --p-muted: #4e6b82;
    --p-muted-2: #647f95;
    --p-accent: #0891b2;
    --p-sky: #0ea5e9;
    --p-warn: #b45309;
    --p-purple: #6366f1;

    --p-card: rgba(12, 74, 110, .035);
    --p-card-2: rgba(12, 74, 110, .05);
    --p-card-3: rgba(12, 74, 110, .06);
    --p-input: #ffffff;
    --p-input-2: rgba(12, 74, 110, .05);
    --p-overlay: rgba(11, 41, 66, .45);
    --p-nav-bg: rgba(255, 255, 255, .88);
    --p-menu-1: #ffffff;
    --p-menu-2: #eff7fd;
    --p-hair: rgba(12, 74, 110, .1);
    --p-hair-2: rgba(12, 74, 110, .12);
    --p-star: rgba(12, 74, 110, .22);

    --p-text-2: #1e4b6b;
    --p-text-soft: #3c6280;
    --p-text-strong: #0b2942;

    --p-green-text: #15803d;
    --p-green-text-2: #16a34a;
    --p-warn-text: #b45309;
    --p-red-text: #b91c1c;
    --p-red-text-2: #991b1b;
    --p-sky-text: #0369a1;
    --p-sky-text-2: #0284c7;
    --p-purple-text: #4f46e5;
    --p-purple-text-2: #4338ca;
    --p-active-text: #0e7490;
    --p-accent-soft: rgba(8, 145, 178, .2);
    color-scheme: light;          /* yerleşik form öğeleri/kaydırma çubuğu açık renk */

    --p-glow-a: rgba(14, 165, 233, .1);
    --p-glow-b: rgba(99, 102, 241, .1);
    --p-scroll-thumb: rgba(12, 74, 110, .26);
    --p-scroll-track: rgba(12, 74, 110, .06);
    --p-scroll-hover: #0891b2;
}

/* ============================================================
   10) SİYAH  (AMOLED · saf siyah)
   ------------------------------------------------------------
   🖤 ZEMİN GERÇEK SİYAH (#000) → OLED/AMOLED ekranda piksel
      tamamen kapanır (güç tasarrufu + yanma/leke riski yok).
   🖤 `--p-glow-a/-b` ŞEFFAF: gövde radyal ışıması kaldırılır,
      `body` düz siyah olur (aşağıda ayrıca sabitlendi).
   ℹ️ Metin/aksan renkleri "gece" ile aynıdır → okunabilirlik ve
      tüm kontrast uyumu korunur; yalnızca YÜZEYLER kararır.
   ℹ️ /farm oyun yüzeyleri (gökyüzü şeridi · tarla · modallar) için
      ek "tam siyah" kuralları → bu dosyanın alt bölümü
      "🖤 AMOLED · /farm YÜZEYLERİ TAM SİYAH".
   ============================================================ */
html[data-theme="siyah"] {
    --p-bg: #000000;
    --p-surface: #050505;
    --p-surface-2: #0b0b0b;
    --p-surface-deep: #000000;
    --p-border: rgba(255, 255, 255, .10);
    --p-text: #eef2f7;
    --p-muted: #98a2b3;
    --p-muted-2: #6b7280;
    --p-accent: #22c55e;
    --p-sky: #38bdf8;
    --p-warn: #f59e0b;
    --p-purple: #a855f7;

    --p-card: rgba(0, 0, 0, .55);
    --p-card-2: rgba(0, 0, 0, .62);
    --p-card-3: rgba(0, 0, 0, .70);
    --p-input: rgba(255, 255, 255, .04);
    --p-input-2: rgba(255, 255, 255, .06);
    --p-overlay: rgba(0, 0, 0, .82);
    --p-nav-bg: rgba(0, 0, 0, .90);
    --p-menu-1: #040404;
    --p-menu-2: #000000;
    --p-hair: rgba(255, 255, 255, .09);
    --p-hair-2: rgba(255, 255, 255, .12);
    --p-star: rgba(255, 255, 255, .85);

    --p-text-2: #e2eaf7;
    --p-text-soft: #cbd5e1;
    --p-text-strong: #ffffff;

    --p-green-text: #86efac;
    --p-green-text-2: #4ade80;
    --p-warn-text: #fbbf24;
    --p-red-text: #fca5a5;
    --p-red-text-2: #fecaca;
    --p-sky-text: #7dd3fc;
    --p-sky-text-2: #38bdf8;
    --p-purple-text: #c084fc;
    --p-purple-text-2: #d8b4fe;
    --p-active-text: #86efac;
    --p-accent-soft: rgba(34, 197, 94, .20);
    color-scheme: dark;                 /* yerleşik form öğeleri + kaydırma çubuğu KOYU */

    /* 🖤 AMOLED: arka plan ışıması YOK → yakılmayan piksel */
    --p-glow-a: rgba(0, 0, 0, 0);
    --p-glow-b: rgba(0, 0, 0, 0);
    --p-scroll-thumb: rgba(255, 255, 255, .22);
    --p-scroll-track: rgba(255, 255, 255, .04);
    --p-scroll-hover: #22c55e;
}

/* 🖤 Gövde: DÜZ gerçek siyah — radial ışıma katmanları tamamen kaldırılır */
html[data-theme="siyah"] body { background: #000; }

/* Açık temada gölgeler yumuşasın (AÇIK temalar: gunduz · sakura · buz) */
html[data-theme="gunduz"] .d-action:hover,
html[data-theme="sakura"] .d-action:hover,
html[data-theme="buz"] .d-action:hover,
html[data-theme="gunduz"] .p-game:hover,
html[data-theme="sakura"] .p-game:hover,
html[data-theme="buz"] .p-game:hover { box-shadow: 0 18px 36px rgba(15, 23, 42, .14); }
html[data-theme="gunduz"] .auth-card,
html[data-theme="sakura"] .auth-card,
html[data-theme="buz"] .auth-card { box-shadow: 0 20px 50px rgba(15, 23, 42, .12); }
html[data-theme="gunduz"] .nav-drop,
html[data-theme="sakura"] .nav-drop,
html[data-theme="buz"] .nav-drop { box-shadow: 0 20px 44px rgba(15, 23, 42, .18); }
html[data-theme="gunduz"] .fm-box,
html[data-theme="sakura"] .fm-box,
html[data-theme="buz"] .fm-box { box-shadow: 0 24px 60px rgba(15, 23, 42, .18); }
html[data-theme="gunduz"] .depo-basket,
html[data-theme="sakura"] .depo-basket,
html[data-theme="buz"] .depo-basket { box-shadow: 0 12px 30px rgba(15, 23, 42, .12); }

/* Açık temada gökyüzü aydınlanır (çiftlik) */
html[data-theme="gunduz"] .skybar,
html[data-theme="sakura"] .skybar,
html[data-theme="buz"] .skybar { background: linear-gradient(180deg, #dceafe, #eaf3ff); box-shadow: inset 0 -20px 40px rgba(15, 23, 42, .06); }
html[data-theme="gunduz"] .skybar.w-sunny,
html[data-theme="sakura"] .skybar.w-sunny,
html[data-theme="buz"] .skybar.w-sunny  { background: linear-gradient(180deg, #cfe6ff 0%, #e6f2ff 55%, #fdf6e3 100%); }
html[data-theme="gunduz"] .skybar.w-cloudy,
html[data-theme="sakura"] .skybar.w-cloudy,
html[data-theme="buz"] .skybar.w-cloudy { background: linear-gradient(180deg, #dfe7f1, #eef3f9); }
html[data-theme="gunduz"] .skybar.w-rain,
html[data-theme="sakura"] .skybar.w-rain,
html[data-theme="buz"] .skybar.w-rain   { background: linear-gradient(180deg, #c6d4e4, #dde7f2); }
html[data-theme="gunduz"] .skybar.w-storm,
html[data-theme="sakura"] .skybar.w-storm,
html[data-theme="buz"] .skybar.w-storm  { background: linear-gradient(180deg, #9fb0c6, #c3cfdd); }
html[data-theme="gunduz"] .skybar.w-snow,
html[data-theme="sakura"] .skybar.w-snow,
html[data-theme="buz"] .skybar.w-snow   { background: linear-gradient(180deg, #eaf1fa, #f7fbff); }
html[data-theme="gunduz"] .sky-chip,
html[data-theme="gunduz"] .sky-sub,
html[data-theme="sakura"] .sky-chip,
html[data-theme="sakura"] .sky-sub,
html[data-theme="buz"] .sky-chip,
html[data-theme="buz"] .sky-sub { color: #334155; }

/* 🌦️ MEVSİM ATMOSFERİ (farm.css §MEVSİM ATMOSFERİ) — açık tema uyarlaması
   • `--amb-op`  : ambiyans katmanının opaklığı → açık zeminde .55 (koyu temada 1)
   • `--sp-a/-b` : mevsim partikül renkleri → beyaz/pastel yerine soluk KOYU (görünürlük)
   ⚠️ Bu değişkenler `.skybar` üzerinde ezilir; `.sky-amb` / `.sky-season` kalıtımla okur. */
html[data-theme="gunduz"] .skybar,
html[data-theme="sakura"] .skybar,
html[data-theme="buz"] .skybar { --amb-op: .55; --sp-a: rgba(51, 65, 85, .34); --sp-b: rgba(71, 85, 105, .26); }

/* Mevsim & hava çipleri açık temada NÖTR: farm.css'in koyu tema renkleri (#86efac vb.)
   açık zeminde okunmaz → mevcut gri çip görünümü geri gelir (kontrast korunur).
   ℹ️ Özgüllük: (0,4,1) > farm.css `.skybar.s-* .sky-chip.sky-chip-*` (0,4,0). */
html[data-theme="gunduz"] .skybar .sky-chip.sky-chip-season,
html[data-theme="sakura"] .skybar .sky-chip.sky-chip-season,
html[data-theme="buz"] .skybar .sky-chip.sky-chip-season,
html[data-theme="gunduz"] .skybar .sky-chip.sky-chip-weather,
html[data-theme="sakura"] .skybar .sky-chip.sky-chip-weather,
html[data-theme="buz"] .skybar .sky-chip.sky-chip-weather {
    color: #334155; border-color: rgba(15, 23, 42, .13); background: rgba(15, 23, 42, .05);
}

/* Açık temada tarla toprağı biraz aydınlanır */
html[data-theme="gunduz"] .plot,
html[data-theme="sakura"] .plot,
html[data-theme="buz"] .plot {
    background:
        radial-gradient(120% 90% at 50% 130%, rgba(146, 104, 54, .35), rgba(120, 96, 62, .22)),
        #cbb894;
}

/* ============================================================
   🖤 AMOLED · /farm YÜZEYLERİ TAM SİYAH  (tema: `siyah`)
   ------------------------------------------------------------
   Oyun sayfasında SABİT renkli (mavi/lacivert) zeminler var → tema
   değişkenleriyle kararmazlar. Yalnız `data-theme="siyah"` seçiliyken
   hepsi DÜZ SİYAHA çevrilir. `farm.css`'e DOKUNULMAZ (bu dosya en son
   yüklendiği için üzerine yazar · açık tema uyarlamalarıyla aynı desen).
   ℹ️ Özgüllük: `html[data-theme="siyah"] .skybar` (0,2,1) >
      `.skybar.w-rain` (0,2,0) → hava/mevsim gradyanları ezilir.
   ============================================================ */

/* 1) 🌤️ Gökyüzü şeridi + TÜM hava/mevsim durumları → düz siyah (gradyan + ışıma yok) */
html[data-theme="siyah"] .skybar,
html[data-theme="siyah"] .skybar.w-sunny,
html[data-theme="siyah"] .skybar.w-cloudy,
html[data-theme="siyah"] .skybar.w-rain,
html[data-theme="siyah"] .skybar.w-snow,
html[data-theme="siyah"] .skybar.w-storm,
html[data-theme="siyah"] .skybar.s-ilkbahar,
html[data-theme="siyah"] .skybar.s-yaz,
html[data-theme="siyah"] .skybar.s-sonbahar,
html[data-theme="siyah"] .skybar.s-kis {
    background: #000;
    box-shadow: none;               /* mevsim inset ışıması (yalnız bu temada) kapanır */
}
/* Mevsim ambiyansı siyahta sönük kalsın → daha az piksel yanar */
html[data-theme="siyah"] .skybar { --amb-op: .4; }

/* 2) 🌱 Tarla kartları: toprak gradyanı yerine SİYAH zemin (boş/dolu aynı) */
html[data-theme="siyah"] .plot,
html[data-theme="siyah"] .plot.empty:hover { background: #050505; }

/* 3) 🪙 navbar altındaki sabit altın rozeti → siyah gövde */
html[data-theme="siyah"] .sky-coins { background: #000; }
html[data-theme="siyah"] .sky-coins:hover { background: #0a0a0a; }

/* 4) 🪟 Oyun modalları / çekmeceleri (sabit lacivert gradyanlar → siyah) */
html[data-theme="siyah"] .seed-modal .sm-box,
html[data-theme="siyah"] .pm-box,
html[data-theme="siyah"] #gather-modal .g-zhead,
html[data-theme="siyah"] .ev-dw { background: linear-gradient(180deg, #050505, #000); }

/* ============================================================
   TEMA SEÇİCİ (menü içi seçenekler + profil kartları)
   ============================================================ */

/* 🎨 AÇILIR-KAPANIR ANA BAŞLIK (hesap menüsünde 10 tema satırı bunun altında)
   Varsayılan KAPALI → menü kısa kalır. Başlıkta aktif tema adı görünür.
   Stil, eski .theme-menu-label ile aynı tipografi/padding'i korur. */
.theme-sec { margin: 2px 0; }
.theme-sec-head {
    display: flex; align-items: center; gap: 8px;
    padding: 9px 11px 4px; border-radius: 10px;
    font-size: 10px; font-weight: 800; letter-spacing: .8px;
    text-transform: uppercase; color: var(--p-muted-2);
    cursor: pointer; list-style: none; user-select: none;
    transition: .15s;
}
.theme-sec-head::-webkit-details-marker { display: none; }   /* Safari/Chrome varsayılan oku kapalı */
.theme-sec-head:hover { color: var(--p-text-strong); }
.theme-sec-head:focus-visible { outline: 2px solid var(--p-accent); outline-offset: 1px; }
.theme-sec[open] .theme-sec-head { padding-bottom: 6px; }
.theme-sec-head .tss-ic { font-size: 12px; }
.theme-sec-head .tss-n {
    font-size: 9px; letter-spacing: 0; padding: 1px 5px; border-radius: 7px;
    background: var(--p-accent-soft); color: var(--p-active-text);
    border: 1px solid var(--p-accent);
}
.theme-sec-head .tss-now {
    margin-left: auto; font-size: 10px; font-weight: 700; letter-spacing: 0;
    text-transform: none; color: var(--p-muted); white-space: nowrap;
}
.theme-sec-head .tss-caret { font-size: 10px; transition: transform .18s; }
.theme-sec[open] .theme-sec-head .tss-caret { transform: rotate(180deg); }
.nd-theme {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 11px; border-radius: 10px;
    color: var(--p-text-soft); text-decoration: none;
    font-size: 13px; font-weight: 600; transition: .15s; cursor: pointer;
}
.nd-theme:hover { background: rgba(148, 163, 184, .13); color: var(--p-text-strong); }
.nd-theme .tt-name { flex: 1; }
.nd-theme .tt-check { font-size: 13px; color: var(--p-active-text); opacity: 0; }
.nd-theme.on { background: rgba(148, 163, 184, .1); }
.nd-theme.on .tt-check { opacity: 1; }

/* renk örneği */
.theme-sw {
    width: 30px; height: 18px; flex: 0 0 30px;
    border-radius: 6px; border: 1px solid rgba(148, 163, 184, .3);
    display: flex; overflow: hidden;
}
.theme-sw i { flex: 1; }

/* profil sayfası: büyük tema kartları */
.theme-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.theme-card {
    position: relative; text-align: left; cursor: pointer; font-family: inherit;
    padding: 13px; border-radius: 14px;
    background: linear-gradient(180deg, var(--p-surface) 0%, var(--p-surface-deep) 100%);
    border: 1px solid var(--p-border); color: var(--p-text);
    transition: .18s;
}
.theme-card:hover { transform: translateY(-3px); border-color: var(--p-accent); }                      /* 🎨 tema rengine uyar (eskiden sabit yeşildi) */
.theme-card.on { border-color: var(--p-accent); box-shadow: 0 0 0 2px var(--p-accent-soft); }
.theme-card .tc-prev { height: 54px; border-radius: 10px; margin-bottom: 10px; display: flex; align-items: flex-end; gap: 5px; padding: 7px; }
.theme-card .tc-prev span { display: block; height: 9px; border-radius: 5px; background: rgba(255, 255, 255, .5); }
.theme-card .tc-n { font-size: 13px; font-weight: 800; display: flex; align-items: center; gap: 6px; }
.theme-card .tc-d { font-size: 11px; color: var(--p-muted); margin-top: 2px; }
.theme-card .tc-on {
    position: absolute; top: 10px; right: 10px;
    font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 8px;
    background: var(--p-accent-soft); color: var(--p-active-text);
    border: 1px solid var(--p-accent); opacity: 0;
}
.theme-card.on .tc-on { opacity: 1; }