/* ── DARK THEME (candidate) ───────────────────────────────────────────────
   Loaded AFTER style.css; overrides variables only.

   This is not a naive inversion. Three things are deliberate:

   1. The black is WARM (#0e0e0c, not #000). Every colour in the original has a
      yellow-brown bias; a neutral black would strip the warmth that gives the
      palette its character and leave it feeling like a generic dark mode.

   2. Text is the OLD PAPER COLOUR (#efece2), not white. Pure white on black
      halates badly at body sizes — the strokes bloom and thin type gets hard to
      read. Using the cream we already had keeps the warmth and drops the
      contrast to something you can read for a page.

   3. GOLD IS UNCHANGED. #efdfa7 is the one constant across both themes. On
      cream it was a whisper; on black it becomes the only bright thing on the
      page, which is what an accent is supposed to be.
   ───────────────────────────────────────────────────────────────────────── */

:root{
  --paper:#0e0e0c;        /* warm near-black — the ground */
  --paper-deep:#171714;   /* lifted plane: cards, bands, insets */
  --ink:#efece2;          /* the old paper, now the type */
  --ink-soft:#b9b5a8;     /* secondary copy */
  --muted:#807b6e;        /* labels, mono, captions — reads on both themes */
  --hairline:#2b2a24;     /* borders, rules */
  --gold:#efdfa7;         /* unchanged, on purpose */
}

/* Line art was drawn as dark strokes on cream. Inverting the artwork turns the
   engravings into wireframe//oscilloscope traces — which is the whole point of
   this theme — but it also inverts the paper *inside* each plate, so we knock
   the brightness back rather than leaving them glaring. */
.policy-plate img,
.peril-i,
.tcard-i{
  filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(1.05);
}

/* Portraits stay positive. Inverting a face reads as a photographic negative,
   which is unsettling in a way the object plates are not. */
.person-face img{ filter:none; }

/* The head canvas draws itself from --ink, so it follows automatically. Its
   backdrop glow was tuned for a light ground and needs taking down. The accent
   runs deeper than --gold here: it should match the filtered plates' ochre,
   not the UI butter-gold. */
:root{ --head-accent:#d7a13e; }
.globe-wrap{ opacity:.85; }

/* ::selection was gold-on-ink; on a dark ground that now needs the inverse so
   selected text stays legible. */
::selection{ background:var(--gold); color:#141413; }

/* Anything that previously inverted itself to signal state (nav hover, primary
   CTA, policy hover) was `background:ink; color:paper` — on a dark theme that
   is now light-on-dark twice over, i.e. invisible. Flip those to the gold. */
nav a:hover,
.cta a:hover,
.cta a.primary,
.policy:hover{
  background:var(--gold);
  color:#141413;
  border-color:var(--gold);
}
nav a:hover .n{ color:#141413; opacity:.55; }
.btn{ background:var(--gold); color:#141413; }
.btn:hover{ background:#f5e8bd; }