/* Troca global de superficies: fundo claro dos antigos cards e cards em bege pergaminho. */
:root {
  --rl-surface-background: #fffaf2;
  --rl-surface-card: rgba(242, 229, 207, .82);
  --rl-surface-card-strong: rgba(236, 217, 187, .9);
  --rl-bar-dark: #3a1906;
  --rl-bar-dark-2: #5b2b08;
  --rl-title-beige: #f7e8c9;
  --rl-border-gold: rgba(139, 87, 25, .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(222,193,148,.13) 0 1px, transparent 1.5px), linear-gradient(rgba(255,250,242,.92), rgba(255,250,242,.92)) !important;
  color: #352315;
}
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, #421f08, #261003) !important;
  color: var(--rl-title-beige) !important;
  border-color: rgba(210,160,74,.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: #352315 !important;
  border: 1px solid var(--rl-border-gold) !important;
  box-shadow: 0 12px 28px rgba(64,33,11,.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: #675343 !important; }
body.rl-public .rl-price,
body.rl-public .rl-plan h3 { color: #352315 !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(210,160,74,.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, #63320c, #351604) !important;
  border-color: #351604 !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; }
}