/* Parchment theme for static HTML.
   Loaded after each page's embedded stylesheet. Embedded dark hexes are
   remapped by scripts/apply_parchment_theme.py; this file is the shared
   chrome: parchment page, white cards, navy buttons, night footer.
   Tokens match astro/src/styles/global.css. */
:root{
  --bg:#FBF8F3;
  --surface:#FFFFFF;
  --surface-warm:#F5EEE3;
  --line:#E7DFD2;
  --ink:#1E2433;
  --ink-2:#4D5466;
  --ink-3:#646A7B;
  --brand:#24365F;
  --brand-ink:#FFFFFF;
  --brand-soft:#E8ECF5;
  --gold:#B8862F;
  --gold-ink:#7A5A1C;
  --sage:#5E7D6A;
  --night:#121826;
  --crisis:#9B2C2C;
  --crisis-bg:#F8EBEB;
  --shadow:0 1px 2px rgba(30,36,51,.06),0 8px 24px rgba(30,36,51,.06);
}

html{background:var(--bg);color-scheme:light}
body{
  background:#FBF8F3 !important;
  background-image:none !important;
  color:var(--ink) !important;
}

/* Top bar. Do not paint every <header>: /pro/ uses <header> as the hero. */
body > nav,
nav.nav{
  background:rgba(251,248,243,.96) !important;
  background-image:none !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:none !important;
}
header:has(.header-content){
  background:rgba(251,248,243,.96) !important;
  background-image:none !important;
  border-bottom:1px solid var(--line) !important;
}
.logo,
.nav-logo,
nav .logo,
.header-content .logo,
.brand{
  color:var(--ink) !important;
}
.nav-logo span,
.logo span,
nav .logo span{
  color:var(--brand) !important;
}
.nav-links a{
  color:var(--ink-2) !important;
  text-decoration:none !important;
}
.nav-links a:hover{color:var(--ink) !important}

a{color:var(--brand)}
a:hover{color:#1b2a4b}

h1,h2,h3{color:var(--ink)}
.section h2,
.snippet-box h2,
.sec h2,
.app-box h2,
.app-box h3,
.faq-item h3,
.author-box h4,
.author-info h4{
  color:var(--ink);
}
.accent{color:var(--brand)}
.subtitle,
.sub,
.btext,
.body-text,
.stat-label,
.breadcrumb{
  color:var(--ink-2);
}

.prayer-num,
.step-num,
.stat-num,
.cat-label,
.prayer-label{
  color:var(--gold-ink) !important;
}

.prayer-card,
.snippet-box,
.author-box,
.step,
.pcard,
.spoke-link,
.hub-link,
.related-link,
.rlink,
.how-to-box,
.verse-list li,
.care,
.contact-box,
.feature,
.price,
.cta-block{
  background:var(--surface) !important;
  border-color:var(--line) !important;
  color:var(--ink);
  box-shadow:var(--shadow);
}
.spoke-link,
.hub-link,
.related-link,
.rlink,
.pcard{color:var(--ink) !important}
.spoke-link:hover,
.hub-link:hover,
.related-link:hover,
.rlink:hover,
.pcard:hover{
  border-color:var(--brand) !important;
  background:var(--surface) !important;
}
.pcard-title{color:var(--ink) !important}
.pcard-kw{color:var(--ink-2) !important}

.snippet-box,
.qa-box-pc-v1{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-left:4px solid var(--gold) !important;
  border-radius:16px !important;
  box-shadow:var(--shadow);
}
.qa-box-pc-v1 > div:first-child{color:var(--sage) !important}
.qa-box-pc-v1 p{color:var(--ink) !important}
.qa-box-pc-v1 a{color:var(--brand) !important}

.verse{
  color:var(--ink-2) !important;
  border-left:3px solid var(--gold) !important;
}
.faq-item{border-bottom-color:var(--line) !important}

.app-box{
  background:var(--surface-warm) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  box-shadow:none !important;
  color:var(--ink);
}
.app-box h2,.app-box h3,.app-box p{color:var(--ink)}

/* One primary button treatment. */
a.dl-btn,a.cta,a.nav-cta,a.cta-btn,a.cta-button,a.email-btn,a.nav-dl,
a.app-store-btn,a.store,a.button,.sticky-pray a,
.dl-btn,.nav-cta,.cta-btn,.cta-button,.email-btn,.nav-dl,.app-store-btn,.button{
  background:var(--brand) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  text-decoration:none !important;
}
a.dl-btn:hover,a.cta:hover,a.nav-cta:hover,a.cta-btn:hover,a.button:hover,
.dl-btn:hover,.cta:hover,.nav-cta:hover,.cta-btn:hover{
  background:#1b2a4b !important;
  color:#fff !important;
}

/* 404 has an unclassed link inside main. */
main > a{
  color:#fff !important;
  background:var(--brand) !important;
  text-decoration:none !important;
}

/* Crisis lines stay distinct and readable on parchment. */
.crisis-notice,
.crisis-988{
  background:var(--crisis-bg) !important;
  color:var(--ink) !important;
  border:1px solid #E4C8C8 !important;
  border-left:4px solid var(--crisis) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
.crisis-notice h3,
.crisis-notice a,
.crisis-988 strong{
  color:var(--crisis) !important;
}
.crisis-notice p,
.crisis-988 p{color:var(--ink) !important}

.sticky-pray.is-on{
  background:#fff !important;
  border-top:1px solid var(--line) !important;
  box-shadow:0 -8px 24px rgba(30,36,51,.08);
}
.sticky-pray span{color:var(--ink) !important}

footer{
  background:var(--night) !important;
  color:#B9C0CF !important;
  border-top:0 !important;
  border-color:transparent !important;
}
footer a,
.footer-col a,
.footer-bottom,
footer p,
.footer-col p{
  color:#D7DEEC !important;
}
footer h4,
.footer-col h4,
footer h2,
footer h3{
  color:#fff !important;
}
footer a:hover,.footer-col a:hover{color:#fff !important}

:focus-visible{outline:2px solid var(--brand);outline-offset:3px}