/* ========================================================
   MODERN THEME SYSTEM & CSS OVERRIDES FOR DEMO PLATFORM
   ======================================================== */

:root, html[data-theme="cyber-violet"], body[data-theme="cyber-violet"] {
  --dark-bg: #090a10 !important;
  --dark-sidebar: #0e1018 !important;
  --dark-backside: #141724 !important;
  --dark-block: #12141f !important;
  --dark-on: #1a1e2f !important;
  --dark-stroke: #272d47 !important;
  --dark-lighter: #525c82 !important;
  --border: #23283f !important;
  --land-color: #8b5cf6 !important;
  --primary-title: #ffffff !important;
  --primary-inactive: rgba(139, 92, 246, 0.15) !important;
  --accent-glow: 0 0 20px rgba(139, 92, 246, 0.4) !important;
  --btn-primary-bg: linear-gradient(135deg, #8b5cf6, #3b82f6) !important;
}

html[data-theme="luxury-gold"], body[data-theme="luxury-gold"] {
  --dark-bg: #0c0d10 !important;
  --dark-sidebar: #12141a !important;
  --dark-backside: #1a1d26 !important;
  --dark-block: #151821 !important;
  --dark-on: #212533 !important;
  --dark-stroke: #333a50 !important;
  --dark-lighter: #66708a !important;
  --border: #2c3346 !important;
  --land-color: #f59e0b !important;
  --primary-title: #ffffff !important;
  --primary-inactive: rgba(245, 158, 11, 0.15) !important;
  --accent-glow: 0 0 20px rgba(245, 158, 11, 0.4) !important;
  --btn-primary-bg: linear-gradient(135deg, #f59e0b, #d97706) !important;
}

html[data-theme="neon-cyan"], body[data-theme="neon-cyan"] {
  --dark-bg: #060b13 !important;
  --dark-sidebar: #0b1422 !important;
  --dark-backside: #101c30 !important;
  --dark-block: #0e192c !important;
  --dark-on: #162642 !important;
  --dark-stroke: #223a63 !important;
  --dark-lighter: #496b9c !important;
  --border: #1a2f50 !important;
  --land-color: #06b6d4 !important;
  --primary-title: #ffffff !important;
  --primary-inactive: rgba(6, 182, 212, 0.15) !important;
  --accent-glow: 0 0 20px rgba(6, 182, 212, 0.4) !important;
  --btn-primary-bg: linear-gradient(135deg, #06b6d4, #0284c7) !important;
}

html[data-theme="crimson-ruby"], body[data-theme="crimson-ruby"] {
  --dark-bg: #0d090b !important;
  --dark-sidebar: #170f13 !important;
  --dark-backside: #22151b !important;
  --dark-block: #1c1117 !important;
  --dark-on: #2a1a23 !important;
  --dark-stroke: #422937 !important;
  --dark-lighter: #754961 !important;
  --border: #38232f !important;
  --land-color: #f43f5e !important;
  --primary-title: #ffffff !important;
  --primary-inactive: rgba(244, 63, 94, 0.15) !important;
  --accent-glow: 0 0 20px rgba(244, 63, 94, 0.4) !important;
  --btn-primary-bg: linear-gradient(135deg, #f43f5e, #e11d48) !important;
}

/* Global Background & Body Fixes */
html, body {
  background: var(--dark-bg) !important;
  background-color: var(--dark-bg) !important;
  color: #e2e8f0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Header & Navigation Glow */
header, nav, aside, .Side_main__8N288, .Header_main__iK__l {
  background: var(--dark-sidebar) !important;
  border-color: var(--border) !important;
}

/* Card & Content Panels */
.Home_banner__X_e9I, .GameCard_main__E4q_B, .Home_gameItem__13n4x, .Block_main__2H8sU {
  background: var(--dark-block) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.GameCard_main__E4q_B:hover, .Home_gameItem__13n4x:hover {
  transform: translateY(-4px);
  box-shadow: var(--accent-glow) !important;
}

/* Buttons with vibrant accents */
button.primary, .Button_primary__Y_3k0, [class*="Button_primary"], [class*="Header_loginBtn"] {
  background: var(--btn-primary-bg) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: var(--accent-glow) !important;
  transition: all 0.25s ease !important;
}

button.primary:hover, [class*="Header_loginBtn"]:hover {
  filter: brightness(1.15);
  transform: scale(1.02);
}

/* Footer Styling */
footer, .Footer_main__O6j37 {
  background: var(--dark-bg) !important;
  border-top: 1px solid var(--border) !important;
}

/* Floating Theme Switcher Widget */
.demo-theme-widget {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 999999;
  background: rgba(18, 20, 31, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  padding: 6px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.demo-theme-widget:hover {
  border-color: var(--land-color);
  box-shadow: var(--accent-glow);
}

.demo-theme-btn {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  outline: none;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.demo-theme-btn:hover {
  transform: scale(1.2);
}

.demo-theme-btn.active {
  border-color: #ffffff !important;
  transform: scale(1.15);
}

.theme-violet { background: linear-gradient(135deg, #8b5cf6, #3b82f6); }
.theme-gold   { background: linear-gradient(135deg, #f59e0b, #d97706); }
.theme-cyan   { background: linear-gradient(135deg, #06b6d4, #0284c7); }
.theme-ruby   { background: linear-gradient(135deg, #f43f5e, #be123c); }