/* Light theme redesign (owner, 12 Oct 2026: "light mode looks bad"). The site's light palette was a beige/cream
   with brown-tinted greys, so everything looked washed out. This swaps it for a clean neutral white with crisp
   black text and the same Enicilion red. Dark mode is untouched. Most of the site reads these variables, so
   changing them restyles every page; the rules below fix the few places with hard-coded tints. */
:root[data-theme="light"]{
  --color-bg-primary:#f5f5f3;
  --color-bg-secondary:#ffffff;
  --color-bg-tertiary:#ebebe8;
  --color-bg-elevated:#ffffff;
  --color-surface-panel:#ffffff;
  --color-surface-panel-strong:#ffffff;
  --color-surface-panel-muted:rgba(10,10,12,.035);
  --color-overlay:rgba(245,245,243,.86);
  --color-overlay-strong:rgba(245,245,243,.95);
  --color-text-primary:#0c0c0e;
  --color-text-secondary:#3f3f46;
  --color-text-muted:#6b6b73;
  --color-text-inverse:#ffffff;
  --color-border-soft:rgba(10,10,12,.09);
  --color-border-strong:rgba(10,10,12,.18);
  --color-grid-line:rgba(10,10,12,.035);
  --shadow-soft:0 1px 2px rgba(10,10,12,.04),0 8px 24px rgba(10,10,12,.06);
  --shadow-panel:0 2px 6px rgba(10,10,12,.04),0 18px 44px rgba(10,10,12,.09);
  --bg-rgb:245,245,243;
  --surface-rgb:255,255,255;
  --text-rgb:12,12,14;
}
:root[data-theme="light"] body{background:var(--color-bg-primary)}
:root[data-theme="light"] .mobile-nav-content{background:rgba(255,255,255,.97)}

/* Header buttons: clean white pills instead of grey. */
:root[data-theme="light"] .nav-cta-link,
:root[data-theme="light"] .nav-login-btn,
:root[data-theme="light"] .theme-toggle-btn,
:root[data-theme="light"] .mobile-menu-toggle{background:#fff;box-shadow:0 1px 2px rgba(10,10,12,.05)}
:root[data-theme="light"] .navbar.scrolled{background:rgba(255,255,255,.92)}

/* Partner logos on /tickets: the dark band gets rounded corners and room below it. */
:root[data-theme="light"] .enx-tickets-stack > .enx-partners{border-radius:14px;margin-bottom:28px}

/* Creator passes: the neon cyan and gold were made for black and are hard to read on white. */
:root[data-theme="light"] [style*="color: rgb(0, 242, 255)"]{color:#007a85!important}
:root[data-theme="light"] [style*="rgb(0, 242, 255)"]{border-color:#007a85!important}
:root[data-theme="light"] [style*="color: rgb(201, 168, 76)"]{color:#8a6a12!important}
:root[data-theme="light"] [style*="rgb(201, 168, 76)"]{border-color:#8a6a12!important}

/* Homepage hero: the red-tinted grid and diagonal stripes looked pink and busy on white. A faint neutral grid
   and a softer red glow instead. */
:root[data-theme="light"] .hero-section > div:first-child{
  background-image:linear-gradient(rgba(10,10,12,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,12,.04) 1px,transparent 1px)!important;
  background-size:56px 56px!important}
:root[data-theme="light"] .hero-section > div:first-child > div:first-child{opacity:.45}