COMPONENTES UI

.rf-btn-primary  { background: #6B3E2B; color: #F5F3EF; }
.rf-btn-primary:hover { background: #C28A52; transform: translateY(-1px); }

.rf-btn-accent   { background: #C28A52; color: white; }
.rf-btn-outline  { border: 1.5px solid #6B3E2B; color: #1A0F09; }
.rf-btn-dark     { background: #1A0F09; color: #F5F3EF; }

/* 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;  }