/* ════════════════════════════════
   THEMES
════════════════════════════════ */
body.theme-space {
  --bg: #0a0e1a;
  --surface: #111827;
  --surface2: #1a2035;
  --border: #2d3a5a;
  --border-strong: #4a5a7a;
  --text: #e8ecff;
  --text-mid: #b0b8d8;
  --text-soft: #6878a8;
  --glass: rgba(30,40,70,.7);
  background: linear-gradient(135deg, #060910 0%, #0d1525 50%, #060b18 100%) !important;
}
body.theme-ocean {
  --bg: #0a1628;
  --surface: #0e2040;
  --surface2: #142b50;
  --border: #1a4060;
  --border-strong: #2a5070;
  --text: #daf0ff;
  --text-mid: #90c0d8;
  --text-soft: #4a8090;
  --glass: rgba(14,40,80,.7);
  background: linear-gradient(135deg, #06101e 0%, #0e2040 50%, #06161e 100%) !important;
}
body.theme-sakura {
  --bg: #fff0f5;
  --surface: #ffffff;
  --surface2: #fce8f0;
  --border: #f0b8cc;
  --border-strong: #e090aa;
  --text: #3a0a1a;
  --text-mid: #7a3050;
  --text-soft: #c06080;
  --glass: rgba(255,230,240,.75);
  background: linear-gradient(135deg, #fff0f5 0%, #fde0ee 50%, #f8d8ea 100%) !important;
}

/* ════════════════════════════════
   FOXY SKINS (CSS filter)
════════════════════════════════ */
body.skin-blue .fox-hero,
body.skin-blue .avatar img { filter: hue-rotate(200deg) saturate(1.2); }

body.skin-pink .fox-hero,
body.skin-pink .avatar img { filter: hue-rotate(300deg) saturate(1.3) brightness(1.05); }

body.skin-gold .fox-hero,
body.skin-gold .avatar img { filter: sepia(0.75) saturate(2.2) brightness(1.1); }

body.skin-night .fox-hero,
body.skin-night .avatar img { filter: hue-rotate(200deg) brightness(0.75) saturate(0.8); }
.pd-reset-btn:hover { background: #fee2e2; }
.pd-reset-warning {
  font-size: 14px;
  font-weight: 800;
  color: #dc2626;
  direction: rtl;
}
.pd-reset-confirm-btn {
  flex: 1;
  border: none;
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
  font-weight: 800;
  font-family: inherit;
  background: #dc2626;
  color: white;
  cursor: pointer;
}