/* 32-mobile-songview-polish.css — Mobile song view: contrast lift + chromatic tab
   ─────────────────────────────────────────────────────────────────────
   Founder (2026-06-17): the mobile song view's Lyrics/Sound/Notes tabs were a
   flat solid-gold block ("trash yellow"), and the whole page read low-contrast
   /flat. Then (2026-06-17) the sticky tab strip's near-black backing read as a
   "weird black box" behind the chips. Three fixes, scoped to the MOBILE song
   view only (<1024px — the desktop song view is a separate, untouched track):

   1) CONTRAST LIFT — the screen overrode the muted text/border tokens too dark
      (mono labels computed ~#363634, near-invisible on the dark bg; body text
      ~#686460; card edges ~#1e1e1c). Re-lift the tokens, SCOPED to #s-song-view,
      so labels · body · edges all come up together (no whack-a-mole). Values
      stay muted — just readable, not bright.

   2) ACTIVE TAB → chromatic metallic gold instead of the flat fill: a gold
      sheen gradient over a dark interior + a brighter gold edge + top highlight
      + soft glow + gold-hi text. Reads "lit/selected" with depth. Deliberately
      NOT a mask-composite gradient border — that flashes a solid fill on
      iOS Safari when the tab toggles (known issue); this is a plain layered
      background, so tab-switching stays clean on iOS.

   3) TAB STRIP BG — REMOVED. The sticky strip painted a flat neutral
      near-black (05's var(--bg) → #0a0a09) over the teal-petrol stage, so it
      read as a weird black box behind the chips. Founder's call: just drop it
      (set transparent). The chips now sit directly on the Blue Hour stage.

   Linked LAST so it wins the 05-song-view-library defaults at equal/higher
   specificity. Plain static CSS — no prompts/schemas/model-facing content. */

@media (max-width: 1023px) {

  /* ── 1 · Whole-page contrast lift (scoped to the screen) ── */
  #s-song-view {
    --t4: #8a8378;   /* mono labels (PRIMARY SOUND, meta) — was ~#363634, invisible */
    --t3: #a39a8a;   /* body / style text / inactive-tab text — was ~#686460, flat */
    --b1: #1f292b;   /* card / block edges — petrol-tinted (was neutral ~#2b2b27) */
  }

  /* ── 2 · Active tab — chromatic metallic gold (was flat solid-gold) ── */
  #s-song-view .svt-tab.active {
    background:
      linear-gradient(180deg,
        rgba(232,200,136,0.22) 0%,
        rgba(var(--gold-rgb),0.09) 52%,
        rgba(140,106,46,0.15) 100%),
      var(--s2, #0a1315);
    border-color: rgba(var(--gold-rgb),0.6);
    color: var(--gold2, #e8c070);
    box-shadow:
      inset 0 1px 0 rgba(247,233,200,0.22),
      0 0 18px -7px rgba(var(--gold-rgb),0.55);
  }
  /* keep the dark text override off — gold-hi text reads on the dark interior */
  #s-song-view .svt-tab.active:active { transform: scale(0.96); }

  /* ── 3 · Tab strip background — REMOVED (founder: not needed) ──
     Founder (2026-06-17, screenshot): the sticky tab strip painted a flat
     NEUTRAL near-black (05's `var(--bg)`, which resolves to #0a0a09 — the
     live base tokens are neutral, not petrol) over the TEAL-petrol stage
     (.sv-bg-texture, 26-song-view-noir.css), so it read as a "weird black
     box" floating behind the chips. Founder's call: just drop it. The chips
     now sit directly on the Blue Hour stage with no backing panel. (Tradeoff
     accepted: the strip is sticky, so lyrics scrolling under it are no longer
     occluded — they pass behind the chips.) */
  #s-song-view .svt-tabstrip {
    background: transparent;
  }
}