/* ===== Brand Lab Theme Override: Energy =====
   Rationale: Bold rhythm-first look with oversized hero typography,
   punchy chroma accents, and dynamic card/button contrast for high momentum.
*/

:root[data-theme="energy"] {
  --accent: #ff3b2f;
  --accent-dark: #cc241e;
  --text-dark: #f7f9ff;
  --text-light: #ffffff;
  --bg-light: #070b1a;
  --bg-gray: #101633;
  --radius: 14px;
  --shadow: 0 10px 28px rgba(5, 8, 18, 0.55);
  --shadow-strong: 0 24px 52px rgba(5, 8, 18, 0.72);
}

:root[data-theme="energy"] body {
  background:
    radial-gradient(circle at 84% 8%, rgba(42, 111, 255, 0.22) 0%, rgba(42, 111, 255, 0) 28%),
    radial-gradient(circle at 14% 22%, rgba(255, 59, 47, 0.22) 0%, rgba(255, 59, 47, 0) 34%),
    linear-gradient(180deg, #070b1a 0%, #090f22 46%, #050915 100%);
  color: var(--text-dark);
  font-family: "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", sans-serif;
}

:root[data-theme="energy"] .section {
  padding: 2.4rem 1.5rem 2.8rem;
}

:root[data-theme="energy"] .section-title,
:root[data-theme="energy"] h2,
:root[data-theme="energy"] h3 {
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 800;
}

:root[data-theme="energy"] .hero {
  height: clamp(520px, 68vh, 760px);
}

:root[data-theme="energy"] .hero-overlay {
  background:
    linear-gradient(125deg, rgba(5, 9, 22, 0.9) 0%, rgba(9, 14, 33, 0.72) 48%, rgba(255, 59, 47, 0.33) 100%),
    repeating-linear-gradient(-32deg, rgba(255, 255, 255, 0.07) 0 2px, transparent 2px 26px);
}

:root[data-theme="energy"] .hero-content h1 {
  font-size: clamp(2.8rem, 8vw, 6.4rem);
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.68);
}

:root[data-theme="energy"] .hero-content p {
  font-size: clamp(1.1rem, 2.4vw, 1.75rem);
  font-weight: 700;
  letter-spacing: 0.05em;
}

:root[data-theme="energy"] .btn {
  background: linear-gradient(135deg, #ff5740 0%, #ff2b23 48%, #1f7aff 100%);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 800;
  box-shadow: 0 10px 26px rgba(8, 11, 25, 0.65);
}

:root[data-theme="energy"] .btn:hover,
:root[data-theme="energy"] .btn:focus-visible {
  background: linear-gradient(135deg, #ff6b55 0%, #ff3b2f 50%, #3a8cff 100%);
}

:root[data-theme="energy"] .event-card,
:root[data-theme="energy"] .booking-card,
:root[data-theme="energy"] .press-doc-card,
:root[data-theme="energy"] .press-card,
:root[data-theme="energy"] .contact-card,
:root[data-theme="energy"] .cta-box,
:root[data-theme="energy"] .event {
  background: linear-gradient(165deg, rgba(16, 24, 54, 0.95) 0%, rgba(9, 14, 33, 0.98) 100%);
  color: #f7f9ff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: var(--shadow);
}

:root[data-theme="energy"] .section-light,
:root[data-theme="energy"] .section-gray,
:root[data-theme="energy"] .press-hero,
:root[data-theme="energy"] .press-docs,
:root[data-theme="energy"] .press-gallery,
:root[data-theme="energy"] .press-partners {
  background: transparent;
}

@media (max-width: 760px) {
  :root[data-theme="energy"] .hero-content h1 {
    font-size: clamp(2.4rem, 10vw, 4rem);
  }
}