/* =================================================================
   WE BINGE ARCADE — main UI skin (mounted, no fork, no nginx)
   Served at /assets/webinge/webinge.css, linked from a patched
   index.html. Overrides RomM r-v2 brand tokens + light identity
   polish. Tokens are scoped to .r-v2 (base) and .r-v2.r-v2-dark
   (dark); a descendant token definition wins over :root, so this
   also supersedes the legacy nginx :root injection.
   ================================================================= */

/* ---------- BRAND TOKENS: light / base ---------- */
.r-v2{
  --r-color-brand-primary:#6d28d9;
  --r-color-brand-primary-hover:#7c3aed;
  --r-color-brand-primary-pressed:#5b21b6;
  --r-color-brand-secondary:#7c3aed;
  --r-color-brand-secondary-hover:#8b5cf6;
  --r-color-brand-secondary-pressed:#6d28d9;
  --r-color-brand-accent:#d97a2e;
  --r-color-brand-accent-hover:#b8621f;
}

/* ---------- BRAND TOKENS: dark (the arcade default) ---------- */
.r-v2.r-v2-dark{
  --r-color-brand-primary:#7c3aed;
  --r-color-brand-primary-hover:#8b5cf6;
  --r-color-brand-primary-pressed:#6d28d9;
  --r-color-brand-secondary:#a78bfa;
  --r-color-brand-secondary-hover:#c4b5fd;
  --r-color-brand-secondary-pressed:#7c3aed;
  --r-color-brand-accent:#ff9a3d;        /* amber marquee */
  --r-color-brand-accent-hover:#ffb366;
  --r-color-bg:#0b0916;                  /* nudge near-black toward indigo */
}

/* ---------- NAV: We Binge wordmark + glass ---------- */
.r-v2-nav__logo-mark,
.r-v2-nav__logo-word{ display:none !important; }
.r-v2-nav__logo{ display:inline-flex; align-items:center; }
.r-v2-nav__logo::before{
  content:""; display:block; width:176px; height:34px;
  background:url(/assets/webinge/logo.svg) left center/contain no-repeat;
}
.r-v2-nav-bar{
  backdrop-filter:blur(14px) saturate(1.1);
  border-bottom:1px solid rgba(167,139,250,.14);
}
.r-v2-nav-bar--scrolled{
  background:rgba(11,9,22,.72) !important;
}
@media (max-width:640px){
  .r-v2-nav__logo::before{ width:132px; height:28px; }
}

/* ---------- TILES / CARDS: hover lift + brand glow ---------- */
.r-v2-tile{ transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.r-v2-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px -18px rgba(124,58,237,.75);
}

/* ---------- Subtle CRT scanline texture (skipped while playing) ---------- */
body::after{
  content:""; position:fixed; inset:0; z-index:2147483000; pointer-events:none;
  opacity:.035; mix-blend-mode:overlay;
  background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px);
}
html[data-rom-playing] body::after{ display:none; }
@media (prefers-reduced-motion:reduce){ body::after{ display:none; } }

/* ---------- Hide RomM chrome while a game is playing ---------- */
html[data-rom-playing] .r-v2-bottom-nav,
html[data-rom-playing] .r-v2-bottom-nav__group,
html[data-rom-playing] .r-v2-nav,
html[data-rom-playing] .r-v2-nav-bar,
html[data-rom-playing] [aria-label="Primary navigation"]{ display:none !important; }