/* Bíblia Entreluz identity: "Cruz entre vidros", light passing between four panes of clear stained glass
   (logo chosen 8/10/2026, files in /brand). Day mode is warm white with cobalt; night mode is deep night blue with gold.
   Loaded last on every page so it overrides the earlier palette. */
@font-face{font-family:Gloock;src:url(/fonts/gloock-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url(/fonts/jakarta-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url(/fonts/figtree-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url(/fonts/figtree-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url(/fonts/figtree-700.woff2) format('woff2');font-weight:600 800;font-style:normal;font-display:swap}
:root{
  --luz:#FFFDF6;--luz-2:#FFF2CC;--gold:#F6C453;--gold-bright:#FFD978;
  --ceu:#8FD3E6;--ciano:#35B7CC;--cobalto:#2F6FD6;--violeta:#7B5CC4;--indigo:#4B5FD1;--noite:#26337A;
  --card-ink:#26337A;--card-paper:#FFFDF6;
  --display:Gloock,Georgia,'Times New Roman',serif;--wordmark:'Plus Jakarta Sans',Figtree,system-ui,sans-serif;
  /* Day: warm glass-white, cobalt links and buttons */
  --ink:#1A2042;--muted:#5E6684;--blue:#2F6FD6;--paper:#FFFDF6;--wash:#F7F2E6;--surface:#FFFFFF;--line:#E7E0CF;--field:#D6CFBE;
  --tint:#EAF2FC;--tint-line:#CADCF5;--deep:#26337A;--btn:#2F6FD6;--btn-ink:#FFFFFF;--error-bg:#FBE9EA;--ok-bg:#E6F4F1;
  --frame:#FFFDF6;--frame-ink:#1A2042;--frame-muted:#5E6684;--frame-line:#E7E0CF;--frame-active:#EAF2FC;--frame-accent:#2F6FD6;--gold-ink:#946410;
  font-family:Figtree,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
body{background:var(--paper);color:var(--ink)}
/* Night: the whole page goes dark like a church at night; gold buttons, periwinkle links. */
body.night{--ink:#F4EFE3;--muted:#A6AECB;--blue:#8FD3E6;--paper:#0F1530;--wash:#0A0F24;--surface:#151C3B;--line:#27305A;--field:#36416E;
  --tint:#1C2652;--tint-line:#30407E;--deep:#1F2A66;--btn:#F6C453;--btn-ink:#0A0F24;--error-bg:#3A1C2A;--ok-bg:#12302E;--frame:#0A0F24;--frame-ink:#F4EFE3;--frame-muted:#A6AECB;--frame-line:#27305A;--frame-active:#151C3B;--frame-accent:#F6C453;--gold-ink:#F6C453;background:var(--wash);color:var(--ink);color-scheme:dark}
@media(prefers-color-scheme:dark){body:not(.app-body){--ink:#F4EFE3;--muted:#A6AECB;--blue:#8FD3E6;--paper:#0F1530;--wash:#0A0F24;--surface:#151C3B;--line:#27305A;--field:#36416E;
  --tint:#1C2652;--tint-line:#30407E;--deep:#1F2A66;--btn:#F6C453;--btn-ink:#0A0F24;--error-bg:#3A1C2A;--ok-bg:#12302E;--frame:#0A0F24;--frame-ink:#F4EFE3;--frame-muted:#A6AECB;--frame-line:#27305A;--frame-active:#151C3B;--frame-accent:#F6C453;--gold-ink:#F6C453;background:var(--paper);color:var(--ink);color-scheme:dark}}
h1,h2,.today-head h1,.daily-body h2,.path-choice h2,.price,.collection strong,.study-card-top h3,.study-panel h3,.article-prose h2,.article-prose h3{font-family:var(--display);font-weight:400;letter-spacing:-.01em}
.button{background:var(--btn);color:var(--btn-ink)}.button:hover{filter:brightness(1.08)}
.button.secondary{background:transparent;color:inherit;border:1px solid currentColor}
a.text-link,.text-link{color:var(--blue)}
.number,.day-number,.roadmap-list article>span{color:var(--blue)}

/* Brand lockup */
.brand{font-family:var(--wordmark);font-weight:800;letter-spacing:-.02em;gap:10px;align-items:center;flex-wrap:nowrap}
.brand-mark{width:30px;height:30px;flex:0 0 auto;border-radius:7px;box-shadow:0 2px 10px rgba(246,196,83,.35)}
.brand-name{display:grid;line-height:.95}
.brand-name small{font-family:Figtree,system-ui,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:2px}

/* Site header and app menu share the "frame" tokens: light by day, dark by night */
.site-header{max-width:none;background:var(--frame);color:var(--frame-ink);border-bottom:1px solid var(--frame-line);padding-left:max(48px,calc((100% - 1224px)/2));padding-right:max(48px,calc((100% - 1224px)/2))}
.site-header a{color:var(--frame-ink)}
.site-header .button.secondary{color:#1A2042;background:var(--gold);border-color:var(--gold)}
.preview-bar{background:var(--wash);color:var(--muted);border-bottom:1px solid var(--line)}
.hero h1 em{color:var(--blue)}
@media(max-width:950px){.site-header{padding-left:28px;padding-right:28px}}
@media(max-width:680px){.site-header{padding:16px 20px}}

.sidebar,body.night .sidebar{background:var(--frame);color:var(--frame-ink);border-right:1px solid var(--frame-line)}
.sidebar .brand{color:var(--frame-ink)}
.sidebar .eyebrow,.sidebar-label{color:var(--frame-muted)}
.nav-item,body.night .nav-item{background:transparent;color:var(--frame-muted)}
.nav-item span{color:var(--frame-muted)}
.nav-item:hover{background:var(--frame-active);color:var(--frame-ink)}
.nav-item.active,body.night .nav-item.active{background:var(--frame-active);color:var(--frame-accent)}
.nav-item.active span,body.night .nav-item.active span{color:var(--frame-accent)}
.sidebar-bottom{border-top-color:var(--frame-line)}
.sidebar-bottom select{background:var(--surface);color:var(--ink);border:1px solid var(--field)}
.sidebar-bottom,.sidebar-bottom p,.sidebar-bottom span,.sidebar-bottom small,.sidebar-bottom strong{color:var(--frame-muted)}
.sidebar-bottom a,.sidebar-bottom button{color:var(--frame-ink)}
.sidebar .sidebar-free{color:var(--gold-ink)!important}
.app-header{background:color-mix(in srgb,var(--paper) 80%,transparent);border-bottom-color:var(--line)}
.verse-row,body.night .verse-row{background:transparent;color:var(--ink)}
@media(max-width:700px){.sidebar,body.night .sidebar{border-right:0;border-bottom:1px solid var(--frame-line)}}

/* Opening: the named cross lights up while the app gets ready (hidden by data-ready, or after 4s at most) */
.splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#FFFDF6 0,#FFF5DA 45%,#F8D98C 100%);transition:opacity .45s ease .35s,visibility 0s linear .8s;animation:splash-out .45s ease 4s forwards}
@media(prefers-color-scheme:dark){.splash{background:radial-gradient(circle at 50% 45%,#1F2A66 0,#0F1530 55%,#0A0F24 100%)}}
body.night .splash{background:radial-gradient(circle at 50% 45%,#1F2A66 0,#0F1530 55%,#0A0F24 100%)}
.splash img{width:min(200px,46vw);height:auto;border-radius:22%;animation:luz-abre .9s cubic-bezier(.2,.7,.2,1) both}
body[data-ready=true] .splash{opacity:0;visibility:hidden}
@keyframes luz-abre{from{opacity:0;transform:scale(.9);filter:drop-shadow(0 0 0 rgba(246,196,83,0))}to{opacity:1;transform:none;filter:drop-shadow(0 10px 40px rgba(246,196,83,.7))}}
@keyframes splash-out{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.splash img{animation:none}.splash{transition:none}}
/* Landing hero: the named cross with the reading preview resting on it */
.hero-art{display:grid;justify-items:center}
.hero-logo{width:min(300px,70vw);height:auto;border-radius:22%;filter:drop-shadow(0 16px 50px rgba(246,196,83,.55));position:relative;z-index:0}
.hero-art .reading-preview{margin-top:-26px;position:relative;z-index:1;width:100%}

/* Founder price on the Plus card */
.plus-price .price s{display:block;width:max-content;font-size:.42em;font-weight:600;opacity:.6;margin-bottom:2px;text-decoration-thickness:2px}
.plus-price .founder-note{margin-top:-.2rem;font-weight:700;color:var(--blue,#2F6FD6)}
body.night .plus-price .founder-note{color:#F6C453}