/* Debug-only: background colour switcher. Variables are set on :root by debug.js. */
:root{--card-a:#14223f;--card-b:#0d1731;--bg:#060919;--bg-rgb:6,9,25;--bg-nav:#080c24;--bg-nav-rgb:8,12,36}
:root,body{--deep:var(--bg);--navy:var(--bg-nav);--panel:var(--card-b);--deck-bg:linear-gradient(180deg,var(--card-a) 0%,var(--card-b) 100%)}
/* navy is also used as text on lime/blue buttons; keep those dark */
.ticker,.button,.final-cta,.day-selector button[aria-pressed=true],.programme-day-tabs button[aria-pressed=true],.tabs button[aria-pressed=true],.intro-stamp,.video-event-tag,.finder,.roll-button,.toast,.map-actions button:hover{--navy:#080c24}
.dark-button,.final-cta .button{--navy:var(--bg-nav)}
.header{background:rgba(var(--bg-nav-rgb),.91)}
.hero-canvas-shade{background:linear-gradient(180deg,rgba(var(--bg-rgb),.55) 0%,rgba(var(--bg-rgb),.4) 45%,rgba(var(--bg-rgb),.65) 100%)}
.mobile-ticket{background:rgba(var(--bg-nav-rgb),.96)}
/* Hard-coded navy surfaces in the original CSS, remapped to the theme */
.experience{background:linear-gradient(160deg,var(--bg-nav) 0%,var(--bg) 60%,var(--bg-nav) 100%)}
.visit{background:linear-gradient(125deg,var(--card-a),var(--bg-nav))}
.venue-art{background:var(--card-b)}
.experience-media{background:var(--card-b)}
.programme-card,dialog{background:linear-gradient(135deg,var(--card-a),var(--card-b))}
.app-card,.guest-card{background:var(--deck-bg)}
.header.is-scrolled{background:rgba(var(--bg-nav-rgb),.96)}
@media (max-width:850px){.header nav{background:var(--bg-nav)}}
body,.hero{transition:background-color .25s}

#debug-menu{position:fixed;top:12px;right:12px;z-index:2147483000;font:700 12px/1 'DM Mono',ui-monospace,monospace;color:#fff}
#debug-menu .dbg-toggle{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid #ffffff55;background:#000000b0;color:#fff;cursor:pointer;font:inherit;backdrop-filter:blur(8px)}
#debug-menu .dbg-panel{display:none;margin-top:6px;padding:10px;border-radius:10px;border:1px solid #ffffff40;background:#000000d0;backdrop-filter:blur(10px);min-width:176px}
#debug-menu.open .dbg-panel{display:grid;gap:6px}
#debug-menu .dbg-title{opacity:.6;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
#debug-menu .dbg-opt{display:flex;align-items:center;gap:9px;padding:8px;border-radius:7px;border:1px solid transparent;background:transparent;color:#fff;cursor:pointer;font:inherit;text-align:left}
#debug-menu .dbg-opt:hover{background:#ffffff18}
#debug-menu .dbg-opt[aria-pressed=true]{border-color:#96ea11;background:#96ea111f}
#debug-menu .dbg-sw{width:18px;height:18px;border-radius:5px;border:1px solid #ffffff66;flex:none}
@media (max-width:767px){#debug-menu{top:auto;bottom:84px;right:10px}}