:root {
    --primary: #D4AF37;
    --secondary: #2A2A2A;
    --background: #000000;
    --text: #FFFFFF;
    --heading: #D4AF37;
    --nav-text: #D4AF37;
    --btn-hover: #B4941F;
    --service-icon: #D4AF37;
    --service-icon-bg: #000000;
    --footer-bg: #000000;
    --footer-text: #FFFFFF;
    --card-bg: #1A1A1A;
    --booking-bg: #1A1A1A;
    --topbar-bg: #1A1A1A;
    --navbar-bg: #1A1A1A;
    --feature-icon-bg: #D4AF37;
    --social-icon-color: #D4AF37;
    --nav-bar-before: #000000;
    --icon-color: #FFFFFF;
    --carousel-indicator: #D4AF37;
    --whatsapp-color: #D4AF37;
    --whatsapp-hover: #B4941F;
}

/* Aplicar variables automáticamente */
body {
    background-color: var(--background);
    color: var(--text);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--heading);
}

.btn-primary {
    background-color: var(--primary);
}