/* =====================================================
   DUMMY DREAMS — THEME SYSTEM
   Themes: default | christmas | newyear | eidaladha | ramadan | halloween | valentines
   ===================================================== */

/* ---- BASE (applied via body[data-theme="X"]) ---- */

/* DEFAULT — dark blue */
body[data-theme="default"] {
  --theme-accent:    #1A6EFF;
  --theme-accent2:   #3D8BFF;
  --theme-glow:      rgba(26,110,255,0.25);
  --theme-bg-hero:   radial-gradient(ellipse at 60% 0%, rgba(26,110,255,0.12) 0%, #0A0A0A 65%);
  --theme-particle:  none;
  --theme-marquee-bg:#1A6EFF;
  --theme-nav-glow:  none;
}

/* CHRISTMAS 🎄 */
body[data-theme="christmas"] {
  --theme-accent:    #cc0000;
  --theme-accent2:   #ff4444;
  --theme-glow:      rgba(204,0,0,0.25);
  --theme-bg-hero:   radial-gradient(ellipse at 60% 0%, rgba(204,0,0,0.15) 0%, rgba(0,80,0,0.08) 50%, #0A0A0A 75%);
  --theme-marquee-bg:#cc0000;
  --theme-nav-glow:  0 2px 20px rgba(204,0,0,0.15);
}
body[data-theme="christmas"] .blue { color: #ff4444 !important; }
body[data-theme="christmas"] .hero-logo-ring { border-color: rgba(204,0,0,0.3) !important; }
body[data-theme="christmas"] .btn-primary,
body[data-theme="christmas"] .nav-cta,
body[data-theme="christmas"] .lang-btn-active { background: #cc0000 !important; }
body[data-theme="christmas"] .section-badge {
  background: rgba(204,0,0,0.12);
  border-color: rgba(204,0,0,0.3);
  color: #ff6060;
}
body[data-theme="christmas"] #navbar { background: rgba(10,5,5,0.95) !important; }
body[data-theme="christmas"] .theme-banner {
  display: flex !important;
  background: linear-gradient(90deg, #8B0000, #cc0000, #006400, #cc0000, #8B0000);
  background-size: 200% 100%;
  animation: themeSlide 4s linear infinite;
}
body[data-theme="christmas"] .theme-banner::before { content: "🎄 Selamat Natal & Tahun Baru! 🎅 Merry Christmas! 🎁 Happy Holidays! 🎄"; }

/* NEW YEAR 🎆 */
body[data-theme="newyear"] {
  --theme-accent:    #FFD700;
  --theme-accent2:   #FFA500;
  --theme-glow:      rgba(255,215,0,0.2);
  --theme-bg-hero:   radial-gradient(ellipse at 60% 0%, rgba(255,215,0,0.1) 0%, rgba(255,100,0,0.05) 50%, #0A0A0A 75%);
  --theme-marquee-bg:#B8860B;
  --theme-nav-glow:  0 2px 20px rgba(255,215,0,0.15);
}
body[data-theme="newyear"] .blue { color: #FFD700 !important; }
body[data-theme="newyear"] .hero-logo-ring { border-color: rgba(255,215,0,0.3) !important; }
body[data-theme="newyear"] .btn-primary,
body[data-theme="newyear"] .nav-cta,
body[data-theme="newyear"] .lang-btn-active { background: linear-gradient(135deg,#B8860B,#FFD700) !important; color: #000 !important; }
body[data-theme="newyear"] .section-badge { background: rgba(255,215,0,0.1); border-color: rgba(255,215,0,0.3); color: #FFD700; }
body[data-theme="newyear"] .theme-banner {
  display: flex !important;
  background: linear-gradient(90deg,#0a0a0a,#1a1200,#332200,#1a1200,#0a0a0a);
  border-bottom: 1px solid rgba(255,215,0,0.3);
}
body[data-theme="newyear"] .theme-banner::before { content: "🎆 Selamat Tahun Baru! 🥂 Happy New Year! 🎉 Semoga Tahun Ini Penuh Berkah! 🎇"; color: #FFD700; }

/* EID AL-ADHA 🐑 */
body[data-theme="eidaladha"] {
  --theme-accent:    #2E7D32;
  --theme-accent2:   #43A047;
  --theme-glow:      rgba(46,125,50,0.25);
  --theme-bg-hero:   radial-gradient(ellipse at 60% 0%, rgba(46,125,50,0.12) 0%, rgba(139,69,19,0.05) 50%, #0A0A0A 75%);
  --theme-marquee-bg:#1B5E20;
  --theme-nav-glow:  0 2px 20px rgba(46,125,50,0.15);
}
body[data-theme="eidaladha"] .blue { color: #43A047 !important; }
body[data-theme="eidaladha"] .btn-primary,
body[data-theme="eidaladha"] .nav-cta,
body[data-theme="eidaladha"] .lang-btn-active { background: #2E7D32 !important; }
body[data-theme="eidaladha"] .section-badge { background: rgba(46,125,50,0.12); border-color: rgba(46,125,50,0.3); color: #43A047; }
body[data-theme="eidaladha"] .theme-banner {
  display: flex !important;
  background: linear-gradient(90deg,#0a1a0a,#0d2b0d,#1B5E20,#0d2b0d,#0a1a0a);
}
body[data-theme="eidaladha"] .theme-banner::before { content: "🌙 Selamat Hari Raya Idul Adha 1446 H! 🐑 Taqabbalallahu Minna Wa Minkum! ✨"; color: #a5d6a7; }

/* RAMADAN 🌙 */
body[data-theme="ramadan"] {
  --theme-accent:    #9C27B0;
  --theme-accent2:   #CE93D8;
  --theme-glow:      rgba(156,39,176,0.25);
  --theme-bg-hero:   radial-gradient(ellipse at 60% 0%, rgba(156,39,176,0.12) 0%, rgba(255,215,0,0.03) 50%, #0A0A0A 75%);
  --theme-marquee-bg:#6A1B9A;
  --theme-nav-glow:  0 2px 20px rgba(156,39,176,0.15);
}
body[data-theme="ramadan"] .blue { color: #CE93D8 !important; }
body[data-theme="ramadan"] .btn-primary,
body[data-theme="ramadan"] .nav-cta,
body[data-theme="ramadan"] .lang-btn-active { background: #6A1B9A !important; }
body[data-theme="ramadan"] .section-badge { background: rgba(156,39,176,0.12); border-color: rgba(156,39,176,0.3); color: #CE93D8; }
body[data-theme="ramadan"] .theme-banner {
  display: flex !important;
  background: linear-gradient(90deg,#0d0014,#1a0028,#2d0047,#1a0028,#0d0014);
}
body[data-theme="ramadan"] .theme-banner::before { content: "🌙 Ramadan Kareem! ✨ Marhaban Ya Ramadhan 🕌 Semoga Ibadah Kita Diterima Allah SWT 🤲"; color: #CE93D8; }

/* HALLOWEEN 🎃 */
body[data-theme="halloween"] {
  --theme-accent:    #FF6F00;
  --theme-accent2:   #FFA000;
  --theme-glow:      rgba(255,111,0,0.25);
  --theme-bg-hero:   radial-gradient(ellipse at 60% 0%, rgba(255,111,0,0.12) 0%, rgba(75,0,130,0.08) 50%, #0A0A0A 75%);
  --theme-marquee-bg:#E65100;
  --theme-nav-glow:  0 2px 20px rgba(255,111,0,0.15);
}
body[data-theme="halloween"] .blue { color: #FFA000 !important; }
body[data-theme="halloween"] .btn-primary,
body[data-theme="halloween"] .nav-cta,
body[data-theme="halloween"] .lang-btn-active { background: #E65100 !important; }
body[data-theme="halloween"] .section-badge { background: rgba(255,111,0,0.12); border-color: rgba(255,111,0,0.3); color: #FFA000; }
body[data-theme="halloween"] .theme-banner {
  display: flex !important;
  background: linear-gradient(90deg,#0a0600,#1a0d00,#2d1500,#1a0d00,#0a0600);
}
body[data-theme="halloween"] .theme-banner::before { content: "🎃 Happy Halloween! 👻 Trick or Treat! 🕷️ Selamat Halloween! 🦇"; color: #FFA000; }

/* VALENTINE 💝 */
body[data-theme="valentines"] {
  --theme-accent:    #E91E63;
  --theme-accent2:   #F48FB1;
  --theme-glow:      rgba(233,30,99,0.25);
  --theme-bg-hero:   radial-gradient(ellipse at 60% 0%, rgba(233,30,99,0.12) 0%, #0A0A0A 75%);
  --theme-marquee-bg:#880E4F;
  --theme-nav-glow:  0 2px 20px rgba(233,30,99,0.15);
}
body[data-theme="valentines"] .blue { color: #F48FB1 !important; }
body[data-theme="valentines"] .btn-primary,
body[data-theme="valentines"] .nav-cta,
body[data-theme="valentines"] .lang-btn-active { background: #880E4F !important; }
body[data-theme="valentines"] .section-badge { background: rgba(233,30,99,0.12); border-color: rgba(233,30,99,0.3); color: #F48FB1; }
body[data-theme="valentines"] .theme-banner {
  display: flex !important;
  background: linear-gradient(90deg,#0a0005,#1a000d,#2d0018,#1a000d,#0a0005);
}
body[data-theme="valentines"] .theme-banner::before { content: "💝 Happy Valentine's Day! 🌹 Spread Love & Joy! 💌 Selamat Hari Valentine! 💕"; color: #F48FB1; }

/* ---- THEME BANNER (shown on themed days) ---- */
.theme-banner {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 200;
}
.theme-banner::before {
  white-space: nowrap;
  animation: themeScroll 20s linear infinite;
  display: inline-block;
  color: #fff;
}
@keyframes themeScroll {
  0%   { transform: translateX(100vw); }
  100% { transform: translateX(-100%); }
}
@keyframes themeSlide {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* ---- DYNAMIC ACCENT VARS applied via CSS custom properties ---- */
body { --color-blue: var(--theme-accent, #1A6EFF); --color-blue-lt: var(--theme-accent2, #3D8BFF); }