/* Troca global de superficies: fundo claro dos antigos cards e cards em bege pergaminho. */
:root {
  --rl-surface-background: #f7faf9;
  --rl-surface-card: rgba(220,229,225,.82);
  --rl-surface-card-strong: rgba(203,220,212,.9);
  --rl-bar-dark: #182821;
  --rl-bar-dark-2: #253e32;
  --rl-title-beige: #d9e7e0;
  --rl-border-gold: rgba(64,100,83,.3);
}
body,
body.rl-public,
body.author-area,
body.admin-area {
  background-color: var(--rl-surface-background) !important;
  background-image: radial-gradient(circle at 18% 12%, rgba(171,199,186,.13) 0 1px, transparent 1.5px), linear-gradient(rgba(247,250,249,.92), rgba(247,250,249,.92)) !important;
  color: #1c2e26;
}
body.rl-public main,
body.rl-public .rl-hero,
body.rl-public .rl-benefits,
body.rl-public .rl-plans,
body.rl-public .rl-faq,
body.rl-public .rl-cta,
.app-main,
.content,
.admin-content { background: transparent !important; }

/* Menu, barras de navegacao e rodapes continuam escuros. */
body.rl-public .rl-header,
body.rl-public .rl-footer,
.author-area .topbar,
.admin-area .admin-topbar,
.author-area .app-footer,
.admin-area .admin-footer {
  background: linear-gradient(135deg, #1c2e26, #0f1a15) !important;
  color: var(--rl-title-beige) !important;
  border-color: rgba(118,166,144,.34) !important;
}
body.rl-public .rl-header a,
body.rl-public .rl-footer,
body.rl-public .rl-footer a,
.author-area .topbar,
.author-area .topbar a,
.admin-area .admin-topbar,
.admin-area .admin-topbar a,
.author-area .app-footer,
.author-area .app-footer a,
.admin-area .admin-footer,
.admin-area .admin-footer a { color: var(--rl-title-beige) !important; }
.author-area .topbar-context small,
.author-area .topbar-context strong,
.admin-area .admin-context small,
.admin-area .admin-context strong,
.author-area .user-chip small { color: var(--rl-title-beige) !important; }

/* Cards claros, com o bege que antes ocupava o fundo. */
body.rl-public .rl-benefit,
body.rl-public .rl-plan,
body.rl-public .rl-faq details,
body.rl-public .rl-cta-box,
.panel,
.form-card,
.stat-card,
.author-summary,
.dash-card,
.quick-access,
.summary-cell,
.admin-card,
.content-card {
  background: linear-gradient(145deg, var(--rl-surface-card), var(--rl-surface-card-strong)) !important;
  color: #1c2e26 !important;
  border: 1px solid var(--rl-border-gold) !important;
  box-shadow: 0 12px 28px rgba(28,47,38,.1) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}
body.rl-public .rl-benefit p,
body.rl-public .rl-plan-subtitle,
body.rl-public .rl-price small,
body.rl-public .rl-plan li,
body.rl-public .rl-faq details p,
body.rl-public .rl-cta-box p { color: #496156 !important; }
body.rl-public .rl-price,
body.rl-public .rl-plan h3 { color: #1c2e26 !important; }

/* Barras escuras dos titulos e titulos em bege. */
.panel-header,
.dash-card-head,
body.rl-public .rl-benefit h3,
body.rl-public .rl-faq summary,
body.rl-public .rl-cta-copy {
  background: linear-gradient(100deg, var(--rl-bar-dark), var(--rl-bar-dark-2)) !important;
  color: var(--rl-title-beige) !important;
  border-color: rgba(118,166,144,.32) !important;
}
.panel-header h1,
.panel-header h2,
.panel-header h3,
.dash-card-head h1,
.dash-card-head h2,
.dash-card-head h3,
body.rl-public .rl-benefit h3,
body.rl-public .rl-faq summary,
body.rl-public .rl-cta-copy h2,
body.rl-public .rl-cta-copy h3 { color: var(--rl-title-beige) !important; }
.panel-header { margin: -1px -1px 0; }
.dash-card-head { margin: -15px -15px 16px !important; padding: 12px 15px; border-radius: 8px 8px 0 0; }
body.rl-public .rl-benefit { overflow: hidden; padding: 0 18px 24px !important; }
body.rl-public .rl-benefit-icon { margin-top: 22px; }
body.rl-public .rl-benefit h3 { margin: 0 -18px 16px !important; padding: 12px 10px; min-height: 48px; display: grid; place-items: center; }
body.rl-public .rl-faq details { overflow: hidden; padding: 0 !important; }
body.rl-public .rl-faq summary { padding: 17px 20px !important; }
body.rl-public .rl-faq details p { padding: 18px 20px 20px !important; }
body.rl-public .rl-cta-box { overflow: hidden; padding: 0 !important; }
body.rl-public .rl-cta-copy { align-self: stretch; padding: 38px 42px; flex: 1; }
body.rl-public .rl-cta-box > .rl-btn { margin: 28px 42px; }

/* Planos usam a mesma barra escura ja existente. */
body.rl-public .rl-plan-ribbon {
  background: linear-gradient(90deg, var(--rl-bar-dark), var(--rl-bar-dark-2), var(--rl-bar-dark)) !important;
  color: var(--rl-title-beige) !important;
}

/* Todos os botoes permanecem na paleta marrom escuro e bege. */
body.rl-public .rl-btn,
body.rl-public .rl-btn-solid,
body.rl-public .rl-btn-gold,
body.rl-public .rl-newsletter button,
.btn-primary,
.btn-gold {
  background: linear-gradient(135deg, #2a4538, #15241d) !important;
  border-color: #15241d !important;
  color: var(--rl-title-beige) !important;
}
@media (max-width: 760px) {
  body.rl-public .rl-cta-copy { padding: 28px 20px; }
  body.rl-public .rl-cta-box > .rl-btn { margin: 0 20px 25px; }
}