:root {
  --rl-brown-dark: #2b1304;
  --rl-brown-medium: #8a5216;
  --rl-brown-medium-hover: #a4671d;
  --rl-brown-light: #e8c98a;
  --rl-parchment: #faf6ec;
  --rl-parchment-card: #fffdf8;
  --rl-ink: #321906;
}

/* Marrom escuro: somente estruturas principais. */
body.rl-public .rl-header,
body.rl-public .rl-footer,
.app-body .sidebar,
.admin-area .sidebar { background: var(--rl-brown-dark) !important; }

/* Marrom médio: ações, botões e seleção. */
.btn-primary,
.btn-gold,
body.rl-public .rl-btn-solid,
body.rl-public .rl-newsletter button,
.author-area .nav-item.active,
.admin-area .nav-item.active,
.guide-tabs a.active,
.editor-rail-button.active {
  background: var(--rl-brown-medium) !important;
  border-color: var(--rl-brown-medium) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-gold:hover,
body.rl-public .rl-btn-solid:hover,
.author-area .nav-item.active:hover,
.admin-area .nav-item.active:hover {
  background: var(--rl-brown-medium-hover) !important;
  border-color: var(--rl-brown-medium-hover) !important;
}

/* Marrom claro: sempre o mesmo tom da marca. */
.author-area .nav-item .icon,
.admin-area .nav-item .icon,
.author-area .nav-group-label,
.admin-area .nav-group-label,
.summary-icon,
.rl-benefit-icon,
.guide-brand-mark,
.guide-tabs .icon {
  color: var(--rl-brown-light) !important;
}
.summary-icon,
.goal-ring:before {
  background-color: rgba(232,201,138,.24) !important;
}
.dashboard-viewport .dash-card-head,
.panel-header {
  background: rgba(232,201,138,.26) !important;
}

/* Contornos e links de ação usam o marrom médio, não um quarto tom. */
.btn-light,
body.rl-public .rl-btn,
.dashboard-viewport .quick-access .btn {
  border-color: rgba(138,82,22,.58) !important;
  color: var(--rl-brown-medium) !important;
}
.dashboard-viewport .dash-card-head a,
.dashboard-viewport .summary-link,
.rl-footer-column h4 { color: var(--rl-brown-light) !important; }

/* Cards e fundo preservam a paleta clara. */
.dash-card,
.author-summary,
.quick-access,
.panel,
.form-card,
.rl-benefit,
.rl-plan,
.rl-faq details { background-color: rgba(255,253,248,.88) !important; }
.summary-progress span,
.goal-ring { --progress-color: var(--rl-brown-medium); }
.summary-progress span { background: var(--rl-brown-medium) !important; }