:root {
    --beige-lino: #faf7f2; /* Fondo que parece tela natural */
    --oro-abundancia: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    --dorado-solido: #b38728;
    --morado-noble: #311b92; /* Un morado más profundo para contraste */
    --verde-olivo-suave: #9ab973;
    --rosa-petalo: #d81b60;
}

body {
    background-color: var(--beige-lino);
    /* Textura de lino fino */
    background-image: url("https://www.transparenttextures.com/patterns/linen.png");
}

/* El toque de riqueza: Bordes y detalles en oro */
.borde-oro {
    border: 2px solid transparent;
    background: linear-gradient(var(--beige-lino), var(--beige-lino)) padding-box, var(--oro-abundancia) border-box;
    border-radius: 25px;
}

.texto-dorado {
    background: var(--oro-abundancia);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.boton-abundancia {
    background: var(--oro-abundancia);
    color: #4a3b00 !important;
    border: none;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(181, 146, 33, 0.3);
    transition: all 0.3s ease;
}

    .boton-abundancia:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(181, 146, 33, 0.5);
    }