/* ================================================================
   THEME: Cosmic
   ================================================================ */

[data-theme="cosmic"] {
  --bg: #080508; --bg2: #100810; --bg3: #180A18;
  --text: #FFFFFF; --text2: rgba(255,255,255,0.55); --text3: rgba(255,150,0,0.95);
  --accent: #FF9500; --accent2: rgba(255,150,0,0.4);
  --border: rgba(255,150,0,0.15); --border2: rgba(255,255,255,0.04);
  --card-bg: rgba(255,150,0,0.04); --card-border: rgba(255,150,0,0.18);
  --nav-bg: rgba(8,5,8,0.97); --btn-bg: transparent; --btn-text: #FF9500;
  --font-d: 'Cormorant Garamond', serif; --font-b: 'Jost', sans-serif; --fw-d: 700;
  --t-overlay: #FF9500;
}

[data-theme="cosmic"] .bymg-logo .lp { fill: var(--accent); }
[data-theme="cosmic"] .snake-icon-img path,
[data-theme="cosmic"] .snake-icon-img polygon { fill: var(--accent); }

/* — Overlay transition — */
#overlay.t-cosmic {
  background: radial-gradient(circle at 50% 50%,rgba(255,165,0,0.95) 0%,rgba(130,0,190,0.9) 35%,#080508 65%);
  animation: tCosmic 1.8s ease forwards;
}
@keyframes tCosmic {
  0%{opacity:0;transform:scale(0.2) rotate(-12deg);filter:blur(10px)}17%{opacity:1;transform:scale(1.3) rotate(0deg);filter:blur(0px)}61%{opacity:1}100%{opacity:0;transform:scale(3) rotate(12deg);filter:blur(6px)}
}

/* — Personality — */
[data-theme="cosmic"] .hl-outline { -webkit-text-stroke-color: #FF9500; filter: drop-shadow(0 0 16px rgba(255,149,0,0.75)); }
[data-theme="cosmic"] nav.scrolled { box-shadow: 0 1px 40px rgba(120,0,180,0.2); }
[data-theme="cosmic"] .section-headline { text-shadow: 0 0 40px rgba(255,150,0,0.5), 0 0 80px rgba(120,0,180,0.3); }
/* Offer box: btn-bg é transparent, sobrepor com texto legível */
[data-theme="cosmic"] .ob-label,
[data-theme="cosmic"] .ob-body { color: rgba(255,255,255,0.75); opacity: 1; }