/* collect.quest — the LIGHT skin for pages built on vault.css (NAV-SHELL-2).
   Loaded by the generated qs:head region (scripts/site-shell.mjs) on every
   vault page, Home and Media included, after the page's own stylesheets.

   The launch shell's theme rule: dark is the default; light follows the
   visitor's system setting, and [data-theme] on <html> forces either.

   ⚠ Every --vt-* token's DARK value is the colour vault.css already hard-codes,
   so a dark page is unchanged; only the light skin is new. Light values are the
   launch shell's light tokens. (Moved here, with show-theme.css, from Home's
   home-theme.css so every vault page shares one copy.) */

:root{
  --vt-btn:var(--gold); --vt-btn-hover:var(--gold-bright); --vt-btn-text:#141008;
  --vt-bub-mine:#2E2610; --vt-bub-mine-rule:#3D3315; --vt-tick-text:#141008;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --ink:#F6F1E7; --panel:#FBF8F2; --panel-2:#FBF8F2; --panel-3:#EFE8DA; --black:#EFE8DA;
    --line:#E3DACA; --line-2:#D8CFBE; --line-3:#C9BEA9;
    --text:#17140F; --text-2:#3B352B; --text-3:#4A4337; --text-4:#6B6355; --text-5:#6B6355;
    --gold:#7A5714; --gold-bright:#5E420E; --gold-pale:#5E420E; --gold-dim:#A58A57; --gold-card:#7A5714;
    --vt-btn:#17140F; --vt-btn-hover:#3B352B; --vt-btn-text:#F6F1E7;
  --vt-bub-mine:#F1E4C4; --vt-bub-mine-rule:#D8C08A; --vt-tick-text:#F6F1E7;
    color-scheme:light;
  }
}
:root[data-theme="light"]{
  --ink:#F6F1E7; --panel:#FBF8F2; --panel-2:#FBF8F2; --panel-3:#EFE8DA; --black:#EFE8DA;
  --line:#E3DACA; --line-2:#D8CFBE; --line-3:#C9BEA9;
  --text:#17140F; --text-2:#3B352B; --text-3:#4A4337; --text-4:#6B6355; --text-5:#6B6355;
  --gold:#7A5714; --gold-bright:#5E420E; --gold-pale:#5E420E; --gold-dim:#A58A57; --gold-card:#7A5714;
  --vt-btn:#17140F; --vt-btn-hover:#3B352B; --vt-btn-text:#F6F1E7;
  --vt-bub-mine:#F1E4C4; --vt-bub-mine-rule:#D8C08A; --vt-tick-text:#F6F1E7;
  color-scheme:light;
}

/* vault.css's hard-coded colours, routed through the tokens above */
.btn-solid{background:var(--vt-btn);color:var(--vt-btn-text)}
.btn-solid:hover{background:var(--vt-btn-hover);color:var(--vt-btn-text)}
.bub.mine{background:var(--vt-bub-mine);border-color:var(--vt-bub-mine-rule)}
.tick{color:var(--vt-tick-text)}

/* The wall (/see/) is a drawing of dark card slots with the page's heading set
   on it, so it keeps vault's DARK tokens in both skins — a dark band on a light
   page, the way Home's hero card keeps its own colours. In the dark skin these
   are the values the page already has, so nothing there changes. */
.wall-wrap{
  --ink:#080706; --panel:#0D0C09; --panel-2:#0F0E0B; --panel-3:#12100C; --black:#050404;
  --line:#17150F; --line-2:#2A2620; --line-3:#3A352C;
  --gold-dim:#8A6F3C; --gold-card:#C9A24B; --gold:#D8A94E; --gold-bright:#E4BC6B; --gold-pale:#EBD09A;
  --text:#F0E9DA; --text-2:#E8E1D2; --text-3:#BDB5A6; --text-4:#9A9184; --text-5:#6F6B62;
  background:var(--ink);
}