/* =====================================================================
   IBQ · VERSÃO CLARA (para comparação)
   Fundo branco, superfícies leves, cor da marca só nas formas e nos detalhes.
   Carregado depois de site.css; só redefine tokens e as seções escuras.
   ===================================================================== */
:root{
  /* cores de fundo e texto do zip de origem (ibq-site_2 · css/main.css) */
  --bg:#fffdf7; --bg-2:#fbf9f2; --card:#ffffff; --fg:#2e2d2b; --fg-2:rgba(46,45,43,.8); --fg-3:rgba(46,45,43,.62);
  --linha:#eae6db; --acento:#5e7c4a; --acento-fg:#ffffff;
  --claro-pausa:#fbf9f2; --claro-pausa-fg:#2e2d2b; --claro-pausa-2:rgba(46,45,43,.72);
  --claro-convite:#fbf9f2; --claro-convite-fg:#2e2d2b;
  --claro-rodape:#fbf9f2; --claro-rodape-fg:#2e2d2b; --claro-rodape-2:rgba(46,45,43,.62);
  --claro-trilha:#ffffff;
  color-scheme:light;
}
/* sempre claro (creme), mesmo quando o aparelho está em modo escuro */
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  /* cores de fundo e texto do zip de origem (ibq-site_2 · css/main.css) */
  --bg:#fffdf7; --bg-2:#fbf9f2; --card:#ffffff; --fg:#2e2d2b; --fg-2:rgba(46,45,43,.8); --fg-3:rgba(46,45,43,.62);
  --linha:#eae6db; --acento:#5e7c4a; --acento-fg:#ffffff;
  --claro-pausa:#fbf9f2; --claro-pausa-fg:#2e2d2b; --claro-pausa-2:rgba(46,45,43,.72);
  --claro-convite:#fbf9f2; --claro-convite-fg:#2e2d2b;
  --claro-rodape:#fbf9f2; --claro-rodape-fg:#2e2d2b; --claro-rodape-2:rgba(46,45,43,.62);
  --claro-trilha:#ffffff;
  --espiritualidade:#5e7c4a; --reflexao:#194471; --imitacao:#a8471c; --foco:#c9942a;
  --sombra:0 1px 0 rgba(82,49,16,.06), 0 12px 32px -18px rgba(82,49,16,.35);
  color-scheme:light;
} }
:root[data-theme="dark"]{
  /* cores de fundo e texto do zip de origem (ibq-site_2 · css/main.css) */
  --bg:#fffdf7; --bg-2:#fbf9f2; --card:#ffffff; --fg:#2e2d2b; --fg-2:rgba(46,45,43,.8); --fg-3:rgba(46,45,43,.62);
  --linha:#eae6db; --acento:#5e7c4a; --acento-fg:#ffffff;
  --claro-pausa:#fbf9f2; --claro-pausa-fg:#2e2d2b; --claro-pausa-2:rgba(46,45,43,.72);
  --claro-convite:#fbf9f2; --claro-convite-fg:#2e2d2b;
  --claro-rodape:#fbf9f2; --claro-rodape-fg:#2e2d2b; --claro-rodape-2:rgba(46,45,43,.62);
  --claro-trilha:#ffffff;
  --espiritualidade:#5e7c4a; --reflexao:#194471; --imitacao:#a8471c; --foco:#c9942a;
  --sombra:0 1px 0 rgba(82,49,16,.06), 0 12px 32px -18px rgba(82,49,16,.35);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .logo-claro{display:block} :root:not([data-theme="light"]) .logo-escuro{display:none!important} :root:not([data-theme="light"]) .rodape .logo-r{content:url(../img/marca/logo-ibq.png)} }
:root[data-theme="dark"] .logo-claro{display:block} :root[data-theme="dark"] .logo-escuro{display:none!important} :root[data-theme="dark"] .rodape .logo-r{content:url(../img/marca/logo-ibq.png)}

/* tipografia mais leve */
.t1{font-weight:700;letter-spacing:-.025em}
.t2{font-weight:650}
h3{font-weight:650}
.faixa{background:var(--bg-2)}
.topo{background:color-mix(in srgb,var(--bg) 94%,transparent)}

/* cartões mais leves */
.pilar-card,.serie,.valores div,.principios div,.encontro,.pgs div,.missao-faixa,.numeros{box-shadow:none}
.pilar-card:hover{box-shadow:0 10px 30px -20px rgba(43,38,34,.35)}

/* mosaicos: formas sobre tons suaves, uma só cor forte */
.mosaico .ladrilho{background:var(--bg-2)!important;border:1px solid var(--linha)}
.mosaico .foto + .ladrilho,.mosaico > .ladrilho:first-child{background:var(--verde)!important;border-color:transparent}
.pilar-heroi .grande{background:var(--bg-2)!important;border:1px solid var(--linha)}

/* pausa para respirar */
.pausa{background:var(--claro-pausa);color:var(--claro-pausa-fg);border:1px solid var(--linha)}
.pausa h2{color:var(--claro-pausa-fg)} .pausa .lead{color:var(--claro-pausa-2)} .pausa .sobre{color:var(--claro-pausa-2)}
.versiculo{color:var(--claro-pausa-fg)} .versiculo cite,.respiro .contagem{color:var(--claro-pausa-2)}
.respiro .instrucao{color:var(--claro-pausa-fg)}
.respiro .orbe{background:radial-gradient(circle at 50% 50%,#fffdf6 0 34%,transparent 35%),radial-gradient(circle,#9dbb86 0 58%,transparent 59%),#cfe0dc;box-shadow:0 0 0 12px rgba(93,124,74,.08),0 0 0 28px rgba(93,124,74,.05)}
.respiro .btn{background:var(--acento);color:var(--acento-fg)}

/* trilhas: fundo claro, cor na forma e no título */
.trilha{background:var(--claro-trilha)!important;color:var(--fg);border:1px solid var(--linha)}
.trilha p{color:var(--fg-2)} .trilha .link{color:var(--fg)}
.trilha.c-teal h3{color:var(--teal)} .trilha.c-azul h3{color:var(--azul)} .trilha.c-ferrugem h3{color:var(--ferrugem)}
.trilha img.forma{opacity:.9;width:110px;right:-18px;bottom:-18px}

/* diálogo (reflexão): cartões claros */
.dialogo div{background:var(--card)!important;color:var(--fg);border:1px solid var(--linha)}
.dialogo p{color:var(--fg-2);opacity:1}

/* convite */
.convite{background:var(--claro-convite);color:var(--claro-convite-fg)}
.convite h2,.convite .sobre{color:var(--claro-convite-fg)}
.convite .btn{background:var(--acento);color:var(--acento-fg)}

/* rodapé claro */
.rodape{background:var(--claro-rodape);color:var(--claro-rodape-fg);border-top:1px solid var(--linha)}
.rodape a,.rodape .lema{color:var(--claro-rodape-fg)}
.rodape h4,.rodape .base,.rodape .base a,.rodape p[style]{color:var(--claro-rodape-2)!important}
.rodape .eco span{border-color:var(--linha)}
.rodape .base{border-top-color:var(--linha)}
.rodape .logo-r{content:url(../img/marca/logo-ibq.png)}