/* SalonBookIt - Color dorado elegante */
:root {
    --sb-gold: #d4a84b;
    --sb-gold-dark: #c49a40;
    --sb-gold-light: #e0b85c;
}

/* Backgrounds */
.bg-gold { background-color: var(--sb-gold) !important; }
.bg-gold-light { background-color: var(--sb-gold-light) !important; }

/* Text */
.text-gold { color: var(--sb-gold) !important; }

/* Buttons */
.btn-gold {
    background-color: var(--sb-gold);
    border-color: var(--sb-gold);
    color: #212529;
}
.btn-gold:hover {
    background-color: var(--sb-gold-dark);
    border-color: var(--sb-gold-dark);
    color: #212529;
}
.btn-outline-gold {
    border-color: var(--sb-gold);
    color: var(--sb-gold);
}
.btn-outline-gold:hover {
    background-color: var(--sb-gold);
    color: #212529;
}

/* Badges */
.badge.bg-gold { color: #212529; }

/* Opacity variants */
.bg-gold.bg-opacity-10 { background-color: rgba(212, 168, 75, 0.1) !important; }
.bg-gold.bg-opacity-25 { background-color: rgba(212, 168, 75, 0.25) !important; }

/* Avatar circular (Bootstrap no tiene tamaños fijos para círculos) */
[data-avatar] { width: 28px; height: 28px; }