/* ============================================================
   JMP MEDIA — paper.css · THE WHITE STANDARD (Jul 2026)
   Additive override sheet, loaded LAST on every page.
   Flips the site to the clean/light standard: white paper,
   ink type — branding lives in the serif, claret & brass
   accents only. Remove this link to restore the dark theme.
   ============================================================ */

/* ---------- base flip: page + all theme directions ---------- */
body.dir-signature, body.dir-noir, body.dir-heritage, body.dir-gallery{
  --bg:#ffffff; --fg:var(--ink);
  --muted:rgba(15,14,13,0.62);
  --hair:rgba(15,14,13,0.12);
  --seam:var(--brass-2);
  --accent:var(--bordeaux);
  --accent-fg:var(--bone);
}
body.dir-signature .skin, body.dir-noir .skin{
  --bg:#ffffff; --fg:var(--ink);
  --muted:rgba(15,14,13,0.62);
  --hair:rgba(15,14,13,0.14);
  --seam:var(--brass-2);
}
.dir-signature #trust, .dir-signature #work, .dir-signature #process, .dir-signature #contact,
.dir-noir #trust, .dir-noir #work, .dir-noir #process, .dir-noir #contact{
  --bg:#ffffff; --fg:var(--ink);
}
.dir-signature #contact .cta__bg, .dir-noir #contact .cta__bg{ background:none; }
.home-light{ --bg:#ffffff; }
.home-bone2{ background:#ffffff; }

/* ---------- nav ---------- */
.nav__links a{ color:var(--ink); opacity:0.72; }
.nav__links a:hover, .nav__links a.is-current{ opacity:1; }
.nav__burger span{ background:var(--ink); }
.nav.is-stuck{
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(14px) saturate(1.05);
  border-bottom-color:rgba(15,14,13,0.1);
}
.lockup-h{ color:var(--ink); }
.slash.on-dark{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'><line x1='0' y1='6' x2='200' y2='6' stroke='%23B8935A' stroke-width='1' opacity='0.9'/><g stroke='%235C1518' stroke-width='1.6' stroke-linecap='square'><line x1='86' y1='0' x2='94' y2='12'/><line x1='96' y1='0' x2='104' y2='12'/><line x1='106' y1='0' x2='114' y2='12'/></g></svg>");
}
.nav__cta--audit{ color:var(--brass-2); border-color:var(--brass); }
.nav__cta--audit:hover{ background:rgba(184,147,90,0.10); color:var(--brass-2); }

/* ---------- mobile menu ---------- */
.mobile-menu{ background:#ffffff; }
.mobile-menu a{ color:var(--ink); border-bottom-color:rgba(15,14,13,0.1); }

/* ---------- home hero: dark gradient → white paper ---------- */
.home-hero{ background:#ffffff; color:var(--ink); }
.home-hero::before, .home-hero::after{ display:none; }
.home-hero__eyebrow{ color:var(--brass-2); }
.home-hero h1{ color:var(--ink); }
.home-hero h1 .u{ color:var(--bordeaux); }
.home-hero__sub{ color:var(--ink); opacity:0.72; }
.home-hero .tlink{ color:var(--bordeaux); }
.hstats{ border-top-color:rgba(15,14,13,0.16); }
.hstats .hs{ border-right-color:rgba(15,14,13,0.10); }
.hstats .f{ color:var(--bordeaux); }
.hstats .l{ color:var(--ink); opacity:0.6; }
.hmicro{ color:var(--muted); }

/* ---------- quiz band: dark → white with hairlines ---------- */
.quiz-band{
  background:#ffffff; color:var(--ink);
  border-top:1px solid rgba(15,14,13,0.08);
  border-bottom:1px solid rgba(15,14,13,0.08);
}
.quiz-band::before{ display:none; }
.quiz-band .eyebrow{ color:var(--brass-2); }
.quiz-band h2{ color:var(--bordeaux); }
.quiz-band p{ color:var(--ink); opacity:0.75; }
.quiz-band__sub{ color:rgba(15,14,13,0.5); }

/* ---------- footer: ink → white ---------- */
.footer{ background:#ffffff; color:var(--ink); border-top:1px solid rgba(15,14,13,0.10); }
.footer .lockup-h{ color:var(--ink); }
.footer__tag{ color:var(--muted); }
.footer__col h4{ color:var(--brass-2); }
.footer__col a, .footer__col p{ color:rgba(15,14,13,0.72); }
.footer__col a:hover{ color:var(--bordeaux); }
.footer__social a{ border-color:rgba(15,14,13,0.22); color:var(--ink); }
.footer__social a:hover{ border-color:var(--brass); color:var(--bordeaux); }
.footer__bottom{ color:rgba(15,14,13,0.55); border-top-color:rgba(15,14,13,0.08); }
.footer__legal a{ color:rgba(15,14,13,0.55); }
.footer__legal a:hover{ color:var(--bordeaux); }

/* ---------- quiz stage, card & modal: oxblood → white ---------- */
.quiz-stage{
  background:#ffffff; color:var(--ink);
}
.quiz-stage::before, .quiz-stage::after{ display:none; }
.quiz__eyebrow{ color:var(--brass-2); }
.quiz__lede{ color:var(--ink); }
.qpanel__q{ color:var(--ink); }
.quiz__card{
  background:#ffffff;
  border:1px solid rgba(15,14,13,0.12);
}
.quiz__track{ background:rgba(15,14,13,0.10); }
.qopt{
  border-color:rgba(15,14,13,0.16);
  background:#ffffff; color:var(--ink);
}
.qopt:hover{ border-color:var(--bordeaux); background:rgba(92,21,24,0.04); }
.qopt.is-sel{
  border-color:var(--bordeaux);
  background:rgba(92,21,24,0.08); color:var(--ink);
}
.qback{ color:rgba(15,14,13,0.55); }
.qback:hover{ color:var(--ink); }
.quiz__exit a{ color:rgba(15,14,13,0.55); }
.quiz__exit a:hover{ color:var(--ink); }
.qmodal__backdrop{ background:rgba(15,14,13,0.45); }
.qmodal__dialog{
  background:#ffffff; color:var(--ink);
  border:1px solid rgba(15,14,13,0.14);
  box-shadow:0 30px 90px rgba(15,14,13,0.25);
}
.qmodal__dialog::after{ display:none; }
.qmodal__close{
  background:#ffffff; color:var(--ink);
  border-color:rgba(15,14,13,0.2);
}
.qmodal__close:hover{ background:rgba(92,21,24,0.06); color:var(--bordeaux); border-color:var(--bordeaux); }
