/* ══════════════════════════════════════════════════════════════════════
   Fangs & Ferns — one canvas for every page (FNF-WEB-W3, 2026-07-12).

   The marketing landing (C:\FangsAndFernsWeb\site\index.html, "quiet atlas"
   composition) is the design reference for the whole site: one deep
   ink-green canvas (#0e120d) and a single static sunrise-through-canopy
   wash at the top of the document. Nothing moves.

   This file makes any app page sit on that exact canvas:
     - pins html to the ink-green, forces body transparent so the wash
       (painted on html::before, z-index:-1, behind all content) shows
       through no matter what the page stylesheet used to paint;
     - retires the legacy background stacks outright (fi-atmos poster/fog
       on voice+live, space-bg stars on admin/support) so a stale include
       can never fight the canvas;
     - exposes the landing's design tokens under an --fnf-* namespace for
       pages composed in this language (store, admin). Legacy token names
       (--bg, --bone, --glass…) are deliberately NOT redefined — page CSS
       keeps meaning what it meant, only the canvas underneath changes.

   Load AFTER the page stylesheet. The wash sits at the top of the
   DOCUMENT (absolute, 92vh) exactly like the landing — it scrolls away,
   it does not follow the viewport.
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --fnf-bg:#0e120d; --fnf-bg-2:#121712; --fnf-panel:#151b14;
  --fnf-ink:#e9ede2; --fnf-ink-2:#aeb7a8; --fnf-ink-3:#6f7a6a;
  --fnf-hair:rgba(233,237,226,.1); --fnf-hair-2:rgba(233,237,226,.06);
  --fnf-pear:#c9dd85; --fnf-pear-deep:#9db558; --fnf-pear-wash:rgba(201,221,133,.08);
  --fnf-amber:#e3b264; --fnf-amber-wash:rgba(227,178,100,.08);
  --fnf-serif:'Fraunces',Georgia,serif;
  --fnf-sans:'Inter',system-ui,sans-serif;
  --fnf-mono:'JetBrains Mono',ui-monospace,monospace;
  --fnf-ease:cubic-bezier(.22,.61,.36,1);
  --fnf-r:16px;
}

/* the canvas — html owns the color, body goes clear so html::before shows */
html{background:var(--fnf-bg) !important;}
body{background:transparent !important;}

/* the wash — landing lines 43-46 verbatim, painted behind body content.
   html::before (not body::before): several app pages lay body out as
   grid/flex, where a body pseudo-element would become a stray layout item. */
html::before{
  content:""; position:absolute; top:0; left:0; right:0; height:92vh;
  z-index:-1; pointer-events:none;
  background:
    radial-gradient(56% 44% at 72% -6%, rgba(227,178,100,.1), transparent 62%),
    radial-gradient(48% 42% at 18% -8%, rgba(155,181,88,.1), transparent 60%);
}

/* retired background stacks — includes are also removed from the pages;
   this is the backstop for cached HTML and forgotten includes */
#space-bg,
.fi-bgposter,
.fi-bgfilm,
.fi-bgscrim,
.fi-atmos,
.bg-space,
.bg-aurora{display:none !important;}