/* Dark mode — CSAK a profil-oldalakon, a .pf-dark konténer alatt (a főoldalt/egyéb
   oldalakat NEM érinti). A gyakran használt Tailwind-utility-osztályokat írja felül
   sötét palettára. A kapcsoló localStorage-ban őrzi a választást. */
.pf-dark { --pf-bg:#0b1120; --pf-card:#151b2e; --pf-card2:#1e2740; --pf-line:#2a3450;
  --pf-txt:#e2e8f0; --pf-txt2:#94a3b8; --pf-txt3:#64748b; }

.pf-dark { background:var(--pf-bg); color:var(--pf-txt); }
.pf-dark .bg-white { background:var(--pf-card) !important; }
.pf-dark .bg-slate-50 { background:var(--pf-card2) !important; }
.pf-dark .bg-slate-100 { background:#243049 !important; }
.pf-dark .hero-bg, .pf-dark .bg-gradient-to-br { background:linear-gradient(135deg,#12192c,#1a2036) !important; }

.pf-dark .text-slate-900, .pf-dark .text-slate-800, .pf-dark .text-ink { color:var(--pf-txt) !important; }
.pf-dark .text-slate-700, .pf-dark .text-slate-600 { color:#cbd5e1 !important; }
.pf-dark .text-slate-500, .pf-dark .text-slate-400 { color:var(--pf-txt2) !important; }
.pf-dark .text-slate-300 { color:var(--pf-txt3) !important; }

.pf-dark .border-slate-200, .pf-dark .border-slate-100, .pf-dark .border-slate-300 { border-color:var(--pf-line) !important; }
.pf-dark .divide-slate-100 > * { border-color:var(--pf-line) !important; }
.pf-dark .shadow-card, .pf-dark .shadow-pop { box-shadow:0 1px 3px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6) !important; }

/* márkaszínű elemek maradjanak élénkek, csak a halvány hátterek sötétednek */
.pf-dark .bg-brand-50 { background:#1e2547 !important; }
.pf-dark .text-brand-700, .pf-dark .text-brand-600 { color:#a5b4fc !important; }
.pf-dark .bg-emerald-50 { background:#0f2b22 !important; }
.pf-dark .text-emerald-700 { color:#6ee7b7 !important; }
.pf-dark .bg-amber-50 { background:#2b2410 !important; }
.pf-dark .bg-rose-50 { background:#2b1420 !important; }
.pf-dark .bg-slate-900, .pf-dark .bg-ink { background:#0f1628 !important; }

.pf-dark input, .pf-dark select, .pf-dark textarea {
  background:var(--pf-card2) !important; border-color:var(--pf-line) !important; color:var(--pf-txt) !important; }
.pf-dark ::placeholder { color:var(--pf-txt3) !important; }

.pf-toggle { display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  font-size:13px; font-weight:600; padding:6px 12px; border-radius:10px;
  border:1px solid #e2e8f0; color:#64748b; background:#fff; transition:.15s; }
.pf-toggle:hover { border-color:#a5b4fc; }
.pf-dark .pf-toggle { background:var(--pf-card2); border-color:var(--pf-line); color:var(--pf-txt2); }