/* O site no horário de Saint-Tropez (par do sol.js). Sem o sol.js, nada aqui muda o site.
   Regra do logo: menu e rodapé continuam claros em qualquer fase; só o topo e os blocos mudam. */

/* céu do topo com o brilho do sol na posição real */
.topo{background:radial-gradient(ellipse 55% 75% at var(--sol-x,75%) var(--sol-y,30%),var(--brilho,transparent),transparent 72%),var(--ceu,var(--nude))}
.bloco--damasco{background-color:var(--damasco-sol,var(--damasco))}

/* sombra das folhas segue o sol: mais forte com o sol alto, some à noite */
.folhas{opacity:var(--folhas,1);translate:var(--folhas-x,0) var(--folhas-y,0)}

/* textos do topo: o sol.js escolhe, para cada céu, a cor que passa em 4,5:1 */
.topo{color:var(--topo-texto,inherit)}
.topo .lead{color:var(--topo-lead,#3d3431)}
.topo .fr,.topo .trilha,.topo .apoio,.topo .meta-linha{color:var(--topo-apoio,var(--apoio))}
.topo .rotulo{color:var(--topo-rotulo,var(--ouro-texto))}
/* topo escuro: botão claro, linhas claras */
[data-ceu="escuro"] .topo .meta-linha{border-color:rgba(245,231,221,.22)}
[data-ceu="escuro"] .topo .btn{background:#F6EFE8;color:#2A2321;border-color:#F6EFE8}
[data-ceu="escuro"] .topo .btn:hover{background:transparent;color:#F6EFE8}
[data-ceu="escuro"] .topo .retrato{background:#3A302C;color:#DDA88E}

/* aviso no minuto do pôr do sol de lá */
.sol-aviso{margin-top:22px;font-size:15px;font-style:italic;color:inherit}
.sol-aviso[hidden]{display:none}

/* relógio de Saint-Tropez no rodapé */
.sol-relogio{font-size:13px;color:var(--apoio);margin-top:10px;line-height:1.6}
.sol-relogio b{font-weight:500;color:var(--carvao)}

/* régua de demonstração (?demo) */
.sol-demo{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin-inline:auto;display:grid;gap:8px;padding:14px 16px;background:rgba(42,35,33,.94);color:#F6EFE8;border-radius:8px;font:400 13px/1.4 var(--texto);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.sol-demo strong{font-weight:600;letter-spacing:.04em}
.sol-demo input{width:100%;accent-color:#CF724D}
.sol-demo button{justify-self:start;background:none;border:1px solid rgba(246,239,232,.4);color:#F6EFE8;border-radius:99px;padding:6px 12px;font:inherit;cursor:pointer}
@media (max-width:860px){.sol-demo{bottom:96px}}

/* impressão: sempre a versão clara, sem enfeites de tela */
@media print{
  .topo{background:#EADDD2!important}
  .topo,.topo *{color:#2A2321!important}
  .topo .btn{background:#2A2321!important;color:#F6EFE8!important}
  .bloco--damasco{background-color:#F3DFCC!important}
  .folhas,.sol-demo,.fixa,.provisorio,.sol-aviso,.assinatura{display:none!important}
}