/* ── Theme toggle button ───────────────────────────────────────── */
.theme-toggle{background:none;border:none;cursor:pointer;padding:4px 6px;color:rgba(255,255,255,0.6);display:flex;align-items:center;line-height:1;transition:color .15s}
.theme-toggle:hover{color:#fff}
.theme-toggle svg{width:17px;height:17px}
.theme-icon-moon{display:none}
[data-theme="dark"] .theme-icon-sun{display:none}
[data-theme="dark"] .theme-icon-moon{display:block}

/* ── Dark mode: portal vars (index.html, account.html, docs/) ── */
[data-theme="dark"]{
  --bg:#0e1a1c;
  --surface:#162024;
  --ink:#e2eeef;
  --muted:#7fa8ac;
  --line:rgba(255,255,255,0.1);
  --navy:#9dd4d8;
  --teal-tint:rgba(90,172,180,0.15);
  --green:#5aacb4;
  --white:#162024;
}

/* ── Dark mode: design mockup vars (--ps-* prefix) ────────────── */
[data-theme="dark"]{
  --ps-bg:#0e1a1c;
  --ps-surface:#162024;
  --ps-ink:#e2eeef;
  --ps-muted:#7fa8ac;
  --ps-line:rgba(255,255,255,0.1);
  --ps-navy:#9dd4d8;
  --ps-teal-tint:rgba(90,172,180,0.15);
  --ps-green:#5aacb4;
  --ps-green-sec:#5aacb4;
  --ps-alert:#f87171;
}

/* ── Dark mode: design gallery extra vars ──────────────────────── */
[data-theme="dark"]{
  --green-dark:#5aacb4;
  --tint:rgba(90,172,180,0.15);
  --navy-deep:#0a1416;
}

/* ── Dark mode: feedback notification widget ───────────────────── */
[data-theme="dark"] .fb-notif-drop{background:#1a2c30;border-color:rgba(255,255,255,0.1)}
[data-theme="dark"] .fb-notif-item{background:#1a2c30;border-color:rgba(255,255,255,0.06);color:#e2eeef}
[data-theme="dark"] .fb-notif-item:hover{background:#1f3438}
[data-theme="dark"] .fb-notif-comment{color:#e2eeef}
[data-theme="dark"] .fb-notif-meta{color:#7fa8ac}
[data-theme="dark"] .fb-notif-empty{color:#7fa8ac}

/* ── Dark mode: design gallery cards ───────────────────────────── */
[data-theme="dark"] a.card{background:#162024;border-color:#1e3135}
[data-theme="dark"] a.card:hover{border-color:#009791}
[data-theme="dark"] a.card h2{color:#e2eeef}
[data-theme="dark"] a.card p{color:#7fa8ac}
[data-theme="dark"] .note{background:#1a2416;border-color:rgba(240,223,184,0.2);color:#c8b47a}