/* ============================================================================
   base.css — the palette and the page floor.
   The ONLY :root in the estate. Everything else reads these vars; nothing re-declares them.
   Order in this file: DESKTOP, then MOBILE, then MOBILE-LANDSCAPE.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&family=IM+Fell+English:ital@0;1&display=swap');

/* The one palette. Every other stylesheet reads these; none re-declares them.
   Two namespaces on purpose: --den-* belongs to the shared chrome components in
   site.css (self-contained so a viewer stylesheet cannot fight them), the unprefixed
   names are the page-level brand vars the tools read. */
:root{
  /* --den-*: the shared chrome components in site.css. Self-contained by design, so a
     viewer's own stylesheet can't fight them. */
  --den-bg:#17141f; --den-bg2:#201a2b; --den-ink:#f4ecdc; --den-mut:#a89a8a;
  --den-line:#3a3147; --den-crim:#c8283c; --den-crim2:#8f1626; --den-gold:#e0b34c;
  --den-gold2:#a97d22; --den-parch:#f2e3c2; --den-parch2:#e7d3a8; --den-inkP:#3a2a18;
  --den-good:#6fbf4a; --den-bad:#e2694f;
  --den-head:'Pirata One','Old English Text MT',Georgia,serif;

  /* unprefixed: the page-level brand vars the tools read. Was 18 copies across the estate. */
  --bg:#17141f;--bg2:#201a2b;--card:#201a2b;--line:#3a3147;
  --ink:#f4ecdc;--mut:#a89a8a;--accent:#e0b34c;--accent2:#c8283c;
  --btn:#241d33;--btnh:#2e2547;--ptxt:#241302;--gold:#e0b34c;
  --bad:#f85149;--dk:#769656;--good:#3fb950;--lt:#eeeed2;
}

.den-head{font-family:var(--den-head);font-weight:400;letter-spacing:.5px}