/* Ogretmen Emlak renk paletleri.
   Yalniz yonetici secer: Yonetim > Renk paleti (Ayar "Site.Palet").
   Layout <html data-palet="..."> yazar; bu dosya site.css'ten SONRA yuklenir.
   "varsayilan" site.css :root degerleriyle aynidir (gorunum degismez).
   --yesil ve --kirmizi (basari/hata), zemin, kart ve metin renkleri degismez. */

[data-palet="varsayilan"] { --lacivert: #0f2c4c; --lacivert-2: #173e66; --lacivert-3: #24557f; --altin: #e3a72f; --altin-2: #f5c862; --altin-gecis: #ef8a4a; --mercan: #ef6b4a; }
[data-palet="okyanus"]    { --lacivert: #082f49; --lacivert-2: #0c4a6e; --lacivert-3: #075985; --altin: #f59e0b; --altin-2: #fcd34d; --altin-gecis: #fb923c; --mercan: #f97316; }
[data-palet="orman"]      { --lacivert: #052e16; --lacivert-2: #14532d; --lacivert-3: #166534; --altin: #eab308; --altin-2: #fde047; --altin-gecis: #facc15; --mercan: #ea580c; }
[data-palet="gunbatimi"]  { --lacivert: #431407; --lacivert-2: #7c2d12; --lacivert-3: #9a3412; --altin: #fbbf24; --altin-2: #fde68a; --altin-gecis: #fb923c; --mercan: #e11d48; }
[data-palet="lavanta"]    { --lacivert: #2e1065; --lacivert-2: #4c1d95; --lacivert-3: #5b21b6; --altin: #f472b6; --altin-2: #fbcfe8; --altin-gecis: #e879f9; --mercan: #db2777; }
[data-palet="antrasit"]   { --lacivert: #0f172a; --lacivert-2: #1e293b; --lacivert-3: #334155; --altin: #38bdf8; --altin-2: #bae6fd; --altin-gecis: #7dd3fc; --mercan: #f97316; }

/* Yonetim > Renk paleti sayfasindaki ornek kartlar (her kart kendi data-palet'iyle boyanir) */
.palet-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.palet-kart { border: 1px solid var(--cizgi); border-radius: var(--r-k); overflow: hidden; background: var(--kart); }
.palet-kart.secili { outline: 3px solid var(--altin); outline-offset: 2px; }
.palet-serit { display: flex; height: 46px; }
.palet-serit span { flex: 1; }
.palet-serit .r1 { background: var(--lacivert); }
.palet-serit .r2 { background: var(--lacivert-2); }
.palet-serit .r3 { background: var(--lacivert-3); }
.palet-serit .r4 { background: var(--altin); }
.palet-serit .r5 { background: var(--mercan); }
.palet-alt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; }
.palet-alt form { margin: 0; }
.palet-etiket { color: var(--yesil); font-weight: 700; font-size: .9rem; }