/* v5-red "Nocturne, oxblood": dark archival theme. Loaded after styles.css.
   Token redefinitions cascade through every var() usage. Fonts unchanged. */

/* ---------- dark tokens ---------- */
:root{
  --paper:#100e0b;
  --card:#181410;
  --ink:#ece3d0;
  --ink-soft:#a79b82;
  --ink-faint:#6e6455;
  --line:#2e2720;
  --line-soft:#221c16;
  --oxblood:#c9404f;
  --oxblood-deep:#a52336;
  --wash:#14110c;
  --dark:#0a0806;
  --ok:#8fae62;
  --warn:#c9404f;
}

/* ---------- hardcoded light surfaces ---------- */
.site-nav{background:rgba(16,14,11,.87)}
.demo-banner{background:#060504;color:#e8dfc9;border-bottom:1px solid var(--line)}
.btn{background:var(--oxblood);color:#ffffff}
.btn:hover{background:var(--oxblood-deep);color:#ffffff}
.btn-solid{background:var(--oxblood);color:#ffffff}
.btn-solid:hover{background:var(--oxblood-deep);color:#ffffff}
.chip.active{background:var(--oxblood);border-color:var(--oxblood);color:#ffffff}
.pill.open{background:#1c2617;color:#9cba7a}
.pill.verifying{background:#2a2112;color:#e87a88}
.diffband{background:#0b0908;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.diffband .kicker.light,.diff-row .dn{color:var(--oxblood)}
.ctaband{background:#181410;border:1px solid var(--line)}
a.fcard:hover{border-color:#3d342a;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.hero-home h1 em{color:#e87a88}
.palette{background:rgba(5,4,3,.6)}
.stamp-hit{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}

/* ---------- kickers: mono uppercase labels ---------- */
.kicker{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.26em;
  text-transform:uppercase;color:var(--oxblood);margin:0 0 10px}

/* ---------- secondary (ghost) button ---------- */
.btn.ghost{background:transparent;border:1px solid #4a4034;color:var(--ink)}
.btn.ghost:hover{border-color:var(--ink);color:#fff}

/* ---------- hero breathing room ---------- */
.hero-home .trustline{margin-top:26px}
.trustline .countlink{color:var(--oxblood);text-decoration:none}
.trustline .countlink strong{color:inherit}
.trustline .countlink:hover{color:#e87a88}

/* ---------- tighter rhythm ---------- */
.hero-home{padding:36px 0 20px}
.hero-home .bignum{font-size:clamp(44px,12vw,76px)}
.hero-sub{margin-top:10px}
.cta-row{margin-top:6px}
.teaser{padding:24px 0}
.page-head{padding:32px 0 6px}
.diffband{padding:28px 0}
.diff-row{padding:14px 0}
.ctaband{margin:34px 0 8px;padding:28px 20px}
.fcard{padding:18px}
.ledg-row{padding:12px 0}
.gate-mini{margin:14px 0}
/* ---------- gates stepper ---------- */
.gates{list-style:none;margin:22px 0 0;padding:0}
.gates li{position:relative;padding:0 0 26px 48px}
.gates li:last-child{padding-bottom:2px}
.gates li::before{content:"";position:absolute;left:14px;top:36px;bottom:2px;width:1px;background:var(--line)}
.gates li:last-child::before{display:none}
.gnum{position:absolute;left:0;top:1px;width:29px;height:29px;border:1px solid var(--oxblood);border-radius:50%;background:var(--paper);color:var(--oxblood);font-family:var(--mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.gates h3{font-family:Merriweather,Georgia,"Times New Roman",serif;font-size:21px;margin:0 0 6px;letter-spacing:-.01em}
.gates p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55;max-width:36em}
/* ---------- role cards (muse layer) ---------- */
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 0}
.role{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card)}
.rchip{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--oxblood);border:1px solid var(--oxblood);border-radius:999px;padding:4px 10px;margin-bottom:10px}
.role h3{font-family:Merriweather,Georgia,"Times New Roman",serif;font-size:17px;margin:0 0 6px;letter-spacing:-.01em}
.role p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.55}
@media(max-width:700px){.roles{grid-template-columns:1fr}}
/* ---------- pledge panel (family first) ---------- */
.pledge{border:1px solid var(--line);border-left:3px solid var(--oxblood);border-radius:12px;background:var(--card);padding:4px 18px;margin:20px 0 0}
.promise{padding:14px 0;border-top:1px solid var(--line-soft)}
.promise:first-child{border-top:0}
.promise strong{display:block;font-size:16px;margin-bottom:4px}
.promise p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.55}
.entry{padding:10px 18px}
/* ---------- theme lockup: cream text on dark ---------- */
.wordmark .wlockup.only-light{display:none}

/* ---------- theme toggle ---------- */
.themebtn{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--line);background:transparent;color:var(--ink-soft);
  border-radius:999px;padding:8px 14px;cursor:pointer;white-space:nowrap}
.themebtn:hover{color:var(--ink);border-color:var(--ink-faint)}
/* icon theme toggle (mobile menu foot): sun in dark, moon in light */
.tgl-ic .ic-moon{display:none}
.tgl-ic.is-light .ic-sun{display:none}
.tgl-ic.is-light .ic-moon{display:block}
/* ---------- mobile menu foot: submit left, theme icon right ---------- */
.menu-foot{display:none}
@media(max-width:940px){
  .menu-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:12px 2px 8px;margin-top:8px;border-top:1px solid var(--line-soft)}
  /* undo the full-width menu-link styling so the red button keeps its pill shape */
  .nav-links.open .menu-foot .btn-solid.btn-sm{border-top:none;border-radius:6px;
    padding:6px 10px;font-size:12px;color:#ffffff}
}