/* ==========================================================================
   EDITORIAL HOMEPAGE — DARK VARIANT
   Loaded AFTER editorial-home.css. Overrides only what the theme requires.

   The page's structure depends on a contrast of climates, so this is not an
   inversion. Three grounds are kept distinct:
     warm dark   #14120C  the working chapters (Journeys, Preparation, Voice)
     deep black  #070603  the sacred chapters (Institution, Invitation, Footer)
     cool slate  #101418  Beyond, the 30% — still a change of climate
   ========================================================================== */

:root {
  --page:      #14120C;   /* warm dark ground */
  --ink:       #F3EEE0;   /* headings and blockquote sit on dark now */
  --text:      rgba(243,238,224,.80);
  --text-soft: rgba(243,238,224,.60);
  --text-faint:rgba(243,238,224,.42);
  --rule:      rgba(200,164,63,.26);
}

body { background: var(--page); color: var(--text); }

/* ── Navigation ───────────────────────────────────────────────────────── */
.nav.solid { background: rgba(12,10,6,.9); border-bottom-color: rgba(200,164,63,.22); }
.nav.solid .brand b { color: var(--ink); }
.nav.solid .brand span { color: var(--text-faint); }
.nav.solid .nav-links a { color: var(--text-soft); }
.nav.solid .nav-links a:hover { color: var(--gold-2); }
.nav.solid .burger { color: var(--ink); }

/* ── Journeys ─────────────────────────────────────────────────────────── */
.journey { border-top-color: var(--rule); }
.journey .facts { color: var(--text-soft); }

/* ── Preparation ──────────────────────────────────────────────────────── */
.preparation { background: var(--page); }
/* the copy panel becomes a museum plate: dark ground, gold thread, no shadow
   (a dark shadow on a dark ground is invisible — the border does the lifting) */
.prep-copy {
  background: #17140D;
  border-color: rgba(200,164,63,.34);
  box-shadow: 0 40px 90px -50px rgba(0,0,0,.9);
}
.prep-copy::before { border-color: rgba(200,164,63,.2); }
.step { border-top-color: var(--rule); }
.prep-foot { border-top-color: var(--rule); }

/* ── One Voice ────────────────────────────────────────────────────────── */
.voice blockquote { color: var(--ink); }

/* ── Beyond: the 30% keeps its change of climate, cool against warm ───── */
.beyond { background: #101418; }
.beyond h2 { color: #EAECEE; }
.beyond .places { color: #C4CACE; }
.beyond .places i { color: #55606A; }
.beyond p { color: #98A1A8; }
.beyond img { filter: saturate(1.02) brightness(.96); }
.beyond .quiet { color: #C4CACE; border-color: rgba(196,202,206,.42); }
.beyond .quiet:hover { color: #fff; border-color: #fff; }

/* ── Sacred chapters stay deepest so the rhythm survives ──────────────── */
.institution, .invitation, .foot, .silence { background: var(--kiswah); }

/* ── Links ────────────────────────────────────────────────────────────── */
.quiet { color: var(--gold-2); border-bottom-color: rgba(232,201,122,.42); }
.quiet:hover { color: var(--ivory); border-bottom-color: var(--ivory); }

/* ── Selection ────────────────────────────────────────────────────────── */
::selection { background: var(--gold); color: #14110A; }