/* ==========================================================================
   SysBot.NET Hub - Multi-Theme Palette Engine
   Hybrid Nintendo Switch • Pokémon Mode • Animal Crossing Mode
   ========================================================================== */

/* --- THEME 1: HYBRID SWITCH (Default) --- */
html[data-theme="hybrid"] {
  --theme-accent: #ff385c;
  --theme-accent-glow: rgba(255, 56, 92, 0.45);
  --theme-secondary: #00d2ff;
  --bg-main: #0a0c10;
  --bg-surface: #121620;
  --bg-surface-elevated: #1a202c;
  --brand-color: #ff385c;
}

/* --- THEME 2: POKÉMON MODE (Crimson & Electric Spark) --- */
html[data-theme="pokemon"] {
  --theme-accent: #ff385c;
  --theme-accent-glow: rgba(255, 56, 92, 0.5);
  --theme-secondary: #f59e0b;
  --bg-main: #0c0a0e;
  --bg-surface: #18121a;
  --bg-surface-elevated: #241a28;
  --brand-color: #ff385c;
}

html[data-theme="pokemon"] body::before {
  background-image: 
    radial-gradient(circle at 50% 0%, rgba(255, 56, 92, 0.12) 0%, transparent 60%),
    radial-gradient(circle at 100% 50%, rgba(245, 158, 11, 0.08) 0%, transparent 45%),
    linear-gradient(rgba(255, 56, 92, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 56, 92, 0.02) 1px, transparent 1px);
}

html[data-theme="pokemon"] .brand-dot {
  color: #ff385c;
  text-shadow: 0 0 12px #ff385c;
}

html[data-theme="pokemon"] .orb-red {
  background: #ff385c;
  opacity: 0.35;
}

html[data-theme="pokemon"] .orb-blue {
  background: #fbbf24;
  opacity: 0.25;
}

/* --- THEME 3: ANIMAL CROSSING: NEW HORIZONS MODE (Nook Mint & Island Flora) --- */
html[data-theme="acnh"] {
  --theme-accent: #10b981;
  --theme-accent-glow: rgba(16, 185, 129, 0.5);
  --theme-secondary: #06b6d4;
  --bg-main: #08100e;
  --bg-surface: #0f1c19;
  --bg-surface-elevated: #152723;
  --brand-color: #10b981;
}

html[data-theme="acnh"] body::before {
  background-image: 
    radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.12) 0%, transparent 60%),
    radial-gradient(circle at 100% 50%, rgba(6, 182, 212, 0.08) 0%, transparent 45%),
    linear-gradient(rgba(16, 185, 129, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.02) 1px, transparent 1px);
}

html[data-theme="acnh"] .brand-dot {
  color: #10b981;
  text-shadow: 0 0 12px #10b981;
}

html[data-theme="acnh"] .orb-red {
  background: #10b981;
  opacity: 0.35;
}

html[data-theme="acnh"] .orb-blue {
  background: #059669;
  opacity: 0.25;
}

html[data-theme="acnh"] .btn-primary {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4);
}

html[data-theme="acnh"] .btn-primary:hover {
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.55);
}

html[data-theme="acnh"] .dock-item.active .dock-icon {
  color: #10b981;
}