/* collect.quest — the LIGHT skin for pages built on show.css: Home and Media
   (NAV-SHELL-2). Loaded after vault-theme.css by the generated qs:head region.
   Moved here, unchanged in effect, from Home's home-theme.css (PR #762).

   ⚠ Every --st-* token's DARK value is the colour show.css already hard-codes,
   so the dark page is unchanged; only the light skin is new. The hero card, the
   Lexi band and Media's brand swatches are drawings that look the same in both
   skins, so they keep their own colours. */

:root{
  --st-page:#0B0B0C;
  --st-btn:#F2B64A; --st-btn-hover:#F6C56C; --st-btn-text:#111;
  --st-mark-off:#3A3732;
  --st-step:#B9B4AB;
  --st-seat:#15130E; --st-seat-rule:#3A3120;
  --st-field:#161617; --st-field-rule:#3F3F3F;
  --st-join:#F2F0EC; --st-join-hover:#FFFFFF; --st-join-text:#111;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --st-page:#F6F1E7;
    --st-btn:#17140F; --st-btn-hover:#3B352B; --st-btn-text:#F6F1E7;
    --st-mark-off:#C9BEA9;
    --st-step:#3B352B;
    --st-seat:#FBF8F2; --st-seat-rule:#D8CFBE;
    --st-field:#FBF8F2; --st-field-rule:#C9BEA9;
    --st-join:#17140F; --st-join-hover:#3B352B; --st-join-text:#F6F1E7;
  }
  :root:not([data-theme="dark"]) .show-page{
    --gold:#7A5714; --gold-bright:#5E420E; --gold-pale:#5E420E; --gold-dim:#A58A57;
    --sh-ink:#F6F1E7; --sh-raised:#FBF8F2; --sh-raised-2:#F1EBDF; --sh-rule:#D8CFBE;
    --sh-white:#17140F; --sh-text:#3B352B; --sh-mute:#6B6355;
  }
}
:root[data-theme="light"]{
  --st-page:#F6F1E7;
  --st-btn:#17140F; --st-btn-hover:#3B352B; --st-btn-text:#F6F1E7;
  --st-mark-off:#C9BEA9;
  --st-step:#3B352B;
  --st-seat:#FBF8F2; --st-seat-rule:#D8CFBE;
  --st-field:#FBF8F2; --st-field-rule:#C9BEA9;
  --st-join:#17140F; --st-join-hover:#3B352B; --st-join-text:#F6F1E7;
}
:root[data-theme="light"] .show-page{
  --gold:#7A5714; --gold-bright:#5E420E; --gold-pale:#5E420E; --gold-dim:#A58A57;
  --sh-ink:#F6F1E7; --sh-raised:#FBF8F2; --sh-raised-2:#F1EBDF; --sh-rule:#D8CFBE;
  --sh-white:#17140F; --sh-text:#3B352B; --sh-mute:#6B6355;
}

/* the drawings keep their own gold in both skins */
.show-page .sh-card,.show-page .sh-lexi-band{--gold:#F2B64A;--gold-bright:#F6C56C;--gold-pale:#F8D493;--gold-dim:#8A6A2A}

/* show.css's hard-coded colours, routed through the tokens above */
html:has(.show-page){background:var(--st-page)}
.show-page .btn-solid{background:var(--st-btn);color:var(--st-btn-text)}
.show-page .btn-solid:hover{background:var(--st-btn-hover);color:var(--st-btn-text)}
.sh-mark::before{background:var(--st-mark-off)}
.sh-step p{color:var(--st-step)}
.sh-seat{background:var(--st-seat);border-color:var(--st-seat-rule)}
.sh-join input{background:var(--st-field);border-color:var(--st-field-rule)}
.sh-join button{background:var(--st-join);color:var(--st-join-text);border-color:var(--st-join)}
.sh-join button:hover{background:var(--st-join-hover)}
/* media.css (Media only) */
.md-quote{background:var(--st-seat);border-color:var(--st-seat-rule)}