/* ============================================================
   THEME / VOXXED (validé pour les couleurs)
   Cyan #00C8F0 et teal #68E8D8 mesurés sur le logo, sur nuit profonde.
   Typo : Michroma (large, technique / même famille de dessin que le
   display de la référence) + Exo 2 pour le corps.
   ============================================================ */
:root{
  --voxx:#00c8f0;
  --teal:#68e8d8;
  --bg:#061321;
  --band-bg:#04101b;
  --fg:#f4f8fb;
  --fg-soft:#d6dee6;
  --muted:#8fa6bb;
  --accent:var(--voxx);
  --accent-2:var(--teal);
  --accent-glow:rgba(0,200,240,.22);
  --btn-fg:#04101b;
  --divider:rgba(0,200,240,.16);
  --divider-strong:rgba(244,248,251,.28);
  --card-bg:rgba(0,200,240,.05);
  --panel-bg:rgba(6,19,33,.82);
  --header-bg:rgba(6,19,33,.85);

  --font-display:"Orbitron","Michroma",system-ui,sans-serif;
  --font-body:"Exo 2","Inter",system-ui,sans-serif;
  --display-tracking:.05em;

  --container:1240px;
  --container-narrow:960px;
  --gutter:clamp(1.25rem,5vw,4.5rem);
  --edge:clamp(1.25rem,2.4vw,2.4rem);   /* marge commune header + hero : le logo et « April 2027 » partagent la meme verticale */
  --section-pad:clamp(4rem,9vw,7rem);
  --gap:clamp(1.2rem,3vw,2rem);
  --radius:6px;

  /* visual slots: fallbacks when files are not yet dropped */
  --hero-fallback:
    radial-gradient(70% 55% at 25% 30%,rgba(0,200,240,.35) 0%,transparent 60%),
    radial-gradient(60% 50% at 80% 75%,rgba(104,232,216,.18) 0%,transparent 60%),
    linear-gradient(160deg,#10315a 0%,#0a1f38 45%,#061321 100%);
  --hero-veil:linear-gradient(180deg,rgba(6,19,33,.25) 0%,rgba(6,19,33,.1) 40%,rgba(6,19,33,.85) 100%);
  --art-fallback:
    radial-gradient(60% 60% at 15% 40%,rgba(0,200,240,.4),transparent 60%),
    radial-gradient(50% 60% at 85% 60%,rgba(104,232,216,.25),transparent 60%),
    linear-gradient(160deg,#0e2a47,#061321);
  --art-veil:linear-gradient(180deg,rgba(6,19,33,.55),rgba(6,19,33,.75));
  --map-filter:invert(.92) hue-rotate(175deg) saturate(.55) contrast(1.05) brightness(.95);
}
.hero-date b,.eyebrow,.hero-sub{color:var(--voxx)}
.rule{background:var(--voxx)}
.track .icons .x path{stroke:var(--teal)}
.countdown span{color:var(--teal)}

/* Orbitron is heavy by nature: keep display weight bold like Pirulen */
h1,h2,.hero-title,.countdown div,.ticket .price{font-weight:800}
h3,h4,.eyebrow,.pill,.nav a,.tab,summary,.chip,.foot-cols a,.hero-date,.hero-sub,.slide-count,.slide-index,.scroll-hint,.sound,.tier h3,.logo-card,.speakers-2026 b{font-weight:600}