COMPONENTES UI

.rf-btn-primary  { background: #6B3A1F; color: #F5F0E8; }
.rf-btn-primary:hover { background: #C4956A; transform: translateY(-1px); }

.rf-btn-accent   { background: #C4956A; color: white; }
.rf-btn-outline  { border: 1.5px solid #6B3A1F; color: #1A1008; }
.rf-btn-dark     { background: #1A1008; color: #F5F0E8; }

/* Tamanhos */
.rf-btn-sm  { padding: 8px 18px;  font-size: 0.75rem; }
.rf-btn     { padding: 12px 28px; font-size: 0.82rem; }
.rf-btn-lg  { padding: 16px 44px; font-size: 0.9rem;  }