/* =====================================================================
   DIWALI THEME for the whole site: deep maroon, gold and warm orange on warm ivory.
   Loaded after shared.css by common/head-assets.php (and the blog theme) while asktro_diwali()
   in common/festive.php is on. It only re-colours: tokens first, then the few hard-coded violets.
   ===================================================================== */
:root, [data-theme="dark"], [data-theme="light"] {
  --bg:          #FFF8EF;
  --bg-2:        #FCEEDD;
  --surface:     #FFFFFF;
  --surface-2:   #FFFAF3;
  --line:        #F1E0CB;
  --line-2:      #E8CDAA;
  --line-gold:   rgba(155, 28, 49, 0.26);

  --ink:         #2B0D14;
  --ink-2:       #5E3A40;
  --ink-3:       #7E5D64;

  --gold:        #9B1C31;   /* accent: maroon */
  --gold-2:      #C2410C;   /* warm orange */
  --gold-soft:   #FCEBDD;
  --violet-deep: #5E1325;
  --saffron:     #9B1C31;
  --saffron-2:   #C2410C;
  --saffron-soft:#FCEBDD;

  --grad-cta:    linear-gradient(135deg, #8E1B33 0%, #C2410C 100%);
  --grad-gold:   linear-gradient(135deg, #C2410C 0%, #8E1B33 100%);
  --grad-deep:   linear-gradient(140deg, #2C0610 0%, #4A0D1C 55%, #7A1029 100%);
  --grad-hero:   radial-gradient(1000px 520px at 82% -10%, rgba(240, 138, 36, 0.14), transparent 62%),
                 radial-gradient(800px 520px at 0% 0%, rgba(229, 168, 35, 0.12), transparent 60%);

  --shadow-card: 0 1px 2px rgba(74, 13, 28, 0.05), 0 10px 30px -14px rgba(74, 13, 28, 0.18);
  --shadow-cta:  0 12px 26px -10px rgba(155, 28, 49, 0.5);
  --ring:        0 0 0 3px rgba(194, 65, 12, 0.3);
  --nav-bg: rgba(255, 248, 239, 0.88); --nav-bg-scrolled: rgba(255, 248, 239, 0.97);
  --asktro-shadow-lg: 0 30px 60px -28px rgba(74, 13, 28, 0.35);
}

/* Navbar: thin gold line and a row of tiny lights under it (pages with a festive hero have their own string) */
nav#navbar, nav#navbar.scrolled { border-bottom-color: rgba(229, 168, 35, 0.45); }
nav#navbar::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 8px; pointer-events: none;
  background: radial-gradient(circle, #FFC35A 0 2px, rgba(255, 195, 90, .35) 3px, transparent 4px) 6px 0 / 26px 8px repeat-x;
  animation: dw-nav-twinkle 3s ease-in-out infinite;
}
body:has(.fest-hero) nav#navbar::after { display: none; }
@keyframes dw-nav-twinkle { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }

/* Buttons and footer */
.btn:hover, .btn-primary:hover, .nav-cta:hover, .apply-btn2:hover, .btn-generate-kundli:hover { box-shadow: 0 16px 30px -12px rgba(155, 28, 49, 0.6); }
footer[role="contentinfo"] { background: #2C0610; border-top: 2px solid rgba(229, 168, 35, 0.55); }

/* Report pages (compat.css) */
:root .lp { --lp-dark: #2C0610; --lp-dark-2: #4A0D1C; }
:root .lp-orbit span { border-color: rgba(155, 28, 49, 0.12); }

/* Home page (index.php) */
:root .pooja-call-btn:hover { box-shadow: 0 6px 20px rgba(155, 28, 49, 0.35); }
:root .btn-secondary:hover, :root .store-btn:hover { background: rgba(155, 28, 49, 0.05); }
:root .app-visual::before { background: radial-gradient(circle, rgba(240, 138, 36, 0.14) 0%, transparent 60%); }
:root .zodiac-card.active { box-shadow: 0 0 15px rgba(155, 28, 49, 0.25); }

/* Offline booking page (offline-consulting.php) */
:root .trust-badge { background: rgba(155, 28, 49, 0.07); border-color: rgba(155, 28, 49, 0.2); }
:root .value-card:hover { border-color: rgba(155, 28, 49, 0.25); }
:root .value-icon { background: rgba(155, 28, 49, 0.1); border-color: rgba(155, 28, 49, 0.2); }
:root .form-container::before { background: radial-gradient(circle, rgba(240, 138, 36, 0.05) 0%, transparent 60%); }
:root .form-control:focus { box-shadow: 0 0 12px rgba(155, 28, 49, 0.18); }
:root .submit-btn:hover, :root .sticky-mobile-btn { box-shadow: 0 8px 24px rgba(155, 28, 49, 0.4); }

/* Blog cards placeholder */
:root .blog-thumb-placeholder { background: linear-gradient(135deg, #FCEBDD, #FDF4DC) !important; }

@media (prefers-reduced-motion: reduce) {
  nav#navbar::after { animation: none; }
}