/* WordExplored colours for the BibleBridge reader (/bible/ and everything under it). BibleBridge prints its own
   full page there, so this file is the only WordExplored CSS on it. Loaded after BibleBridge's reader.css and its
   theme preset; html:root and html[data-theme="dark"]:root outrank both. */
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/cinzel.woff2) format("woff2")}

/* light: ivory-sand page, white cards with a visible edge, navy top bar, dark gold for text accents */
html:root{
	--bg-page:#F3EEE4;--bg-card:#FFFFFF;--bg-subtle:#EEE8DC;--bg-hover:rgba(197,161,90,.12);
	--border-light:#E2D8C6;--border-divider:#D3C6AE;
	--text-primary:#1E2B3A;--text-secondary:#4A5058;--text-muted:#6F747B;
	--accent:#8A6A1E;--accent-hover:#6F5518;
	--brand-dark:#142B45;--brand-mid:#1D3A5C;--bg-sidebar:#142B45;
	--highlight-bg:#F6EDD5;--highlight-border:#C5A15A;--search-em-bg:#F0E2BF;
	--badge-bg:#EEE8DC;--badge-color:#5C5248;--rel-type-bg:#EEE8DC;
	--shadow-card:0 1px 2px rgba(20,43,69,.06),0 6px 18px -8px rgba(20,43,69,.22);
	--shadow-card-hover:0 2px 4px rgba(20,43,69,.08),0 12px 28px -10px rgba(20,43,69,.3);
}
/* dark (the sun/moon button, or a phone in dark mode): deep navy instead of near-black */
html[data-theme="dark"]:root{
	--bg-page:#0D1A2A;--bg-card:#15263B;--bg-subtle:#112035;--bg-hover:rgba(197,161,90,.10);
	--border-light:#21384F;--border-divider:#2C4664;
	--text-primary:#ECE7DC;--text-secondary:#B3ADA1;--text-muted:#958F84;
	--accent:#C5A15A;--accent-hover:#D6B774;
	--brand-dark:#0A1524;--brand-mid:#13263E;--bg-sidebar:#0A1524;
	--highlight-bg:rgba(197,161,90,.16);--highlight-border:#C5A15A;--search-em-bg:#5D4A2E;
	--badge-bg:#1B3150;--badge-color:#B3ADA1;--rel-type-bg:#1B3150;
}

body.reader-index-page ::selection{background:#C5A15A;color:#142B45}

/* cards lift off the page */
body.reader-index-page .entry-tile,body.reader-index-page .popular-card,body.reader-index-page .book-card,body.reader-index-page .start-here-card{box-shadow:var(--shadow-card);border-radius:12px}
body.reader-index-page .popular-card{border-left:4px solid #C5A15A;border-radius:0 12px 12px 0}
body.reader-index-page .entry-tile:hover,body.reader-index-page .popular-card:hover,body.reader-index-page .book-card:hover{border-color:#C5A15A;box-shadow:var(--shadow-card-hover)}
body.reader-index-page .entry-tile{padding:1.1rem 1.15rem}
body.reader-index-page .entry-tile-name,body.reader-index-page .popular-card-name{font-size:.95rem}

/* verse of the day + "Start reading": navy, like the home page's Bible band */
body.reader-index-page .index-hero-section{background:#142B45;border:1px solid #142B45;border-radius:14px;box-shadow:0 18px 40px -20px rgba(20,43,69,.6);padding:1.9rem}
body.reader-index-page .index-hero-section .votd-block{border-color:rgba(197,161,90,.35)}
body.reader-index-page .index-hero-section .votd-label{color:#C5A15A;font-size:.7rem;letter-spacing:.2em}
body.reader-index-page .index-hero-section .votd-text{color:#FAF8F3!important;font-size:1.12rem;line-height:1.75}
body.reader-index-page .index-hero-section .votd-ref a{color:#C5A15A!important;font-size:.82rem}
body.reader-index-page .index-hero-section .hero-cta-btn{background:#C5A15A;color:#142B45!important;border-radius:999px;font-weight:700;letter-spacing:.02em;padding:.8rem 1.6rem;font-size:.92rem}
body.reader-index-page .index-hero-section .hero-cta-btn:hover{background:#FAF8F3;color:#142B45!important}
body.reader-index-page .index-hero-section .hero-cta-hint{color:rgba(250,248,243,.78);font-size:.78rem}
html[data-theme="dark"] body.reader-index-page .index-hero-section{background:#15263B;border-color:#2C4664}

/* section titles in the site's heading font */
body.reader-index-page .index-section-heading{color:var(--text-primary);font-weight:700;letter-spacing:.16em}
body.reader-index-page .library-heading h2,body.reader-index-page .reader-index-hero h1{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.01em;color:var(--text-primary)}
body.reader-index-page .library-heading h2{font-size:1.35rem}
html:not([data-theme="dark"]) body.reader-index-page .testament-summary{color:#142B45}

/* phones: bigger tap targets, room above the bottom tab bar */
@media(max-width:640px){
	body.reader-index-page .index-hero-section{padding:1.4rem;margin-bottom:1.75rem}
	body.reader-index-page .index-hero-section .votd-text{font-size:1.06rem}
	body.reader-index-page .hero-cta-block{flex-wrap:wrap;gap:.75rem}
	body.reader-index-page .entry-tile{min-height:56px}
	body.reader-index-page .popular-card{min-height:64px;justify-content:center}
	body.reader-index-page .mobile-bottom-nav{box-shadow:0 -6px 20px -10px rgba(20,43,69,.35)}
}