/* Variáveis do tema são fornecidas pelo Admin conforme a página acessada. */
body.theme-page{background:var(--theme-page-bg)!important;color:var(--ink);font-family:var(--theme-body-font),Arial,sans-serif}
/* Praia padrão: aparece apenas enquanto a página usar a cor original. Uma cor ou imagem
   configurada na Administração continua tendo prioridade sobre este fundo. */
body.theme-page.theme-page--default-beach{position:relative;background:transparent!important;isolation:isolate}
body.theme-page.theme-page--default-beach::before{position:fixed;z-index:0;inset:-35px;content:"";pointer-events:none;background-color:var(--theme-page-bg);background-image:linear-gradient(135deg,color-mix(in srgb,var(--theme-page-bg) var(--theme-image-overlay-start),transparent),color-mix(in srgb,var(--theme-page-bg) var(--theme-image-overlay-end),transparent)),url('../images/praia-solagua-fundo-v1.png');background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;filter:blur(var(--theme-image-blur));transform:scale(1.05)}
body.theme-page.theme-page--default-beach>.site-header,body.theme-page.theme-page--default-beach>.page-shell{position:relative;z-index:1}
body.theme-page .site-header{background:var(--theme-primary)!important}
body.theme-page h1,body.theme-page h2,body.theme-page h3,body.theme-page .brand{font-family:var(--theme-title-font),Georgia,serif!important}
body.theme-page.theme-page--image{position:relative;background:var(--theme-page-bg)!important;isolation:isolate}
body.theme-page.theme-page--image::before{position:fixed;z-index:-1;inset:-35px;content:"";background-image:linear-gradient(135deg,color-mix(in srgb,var(--theme-page-bg) var(--theme-image-overlay-start),transparent),color-mix(in srgb,var(--theme-page-bg) var(--theme-image-overlay-end),transparent)),var(--theme-image);background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;filter:blur(var(--theme-image-blur));transform:scale(1.05)}
@media(max-width:700px){body.theme-page.theme-page--default-beach::before{background-position:center top,center top}}
/* Componentes que antes tinham tons fixos agora obedecem ao tema da página. */
body.theme-page .card,body.theme-page .form-card,body.theme-page .metric-card,body.theme-page .campaign-card,body.theme-page .access-card,body.theme-page .login-card,body.theme-page .dashboard-intro,body.theme-page .sale-modal__card,body.theme-page .store-quick-summary>div{background:var(--cream)!important}
body.theme-page .prize,body.theme-page .sale-modal__card dl div,body.theme-page .current-background{background:var(--field)!important}
body.theme-page .card,body.theme-page .form-card,body.theme-page .metric-card,body.theme-page .campaign-card,body.theme-page .access-card,body.theme-page .login-card{border-color:color-mix(in srgb,var(--title-color,var(--navy)) 14%,#fff)!important}
body.theme-page .metric-card b,body.theme-page .store-quick-summary b{font-family:var(--theme-title-font),Georgia,serif!important}