:root {
    --primary-bg: #050510;
    --secondary-bg: #0d0d1f;
    --accent-gold: #ffcc00;
    --accent-gold-glow: rgba(255, 204, 0, 0.4);
    --text-white: #f8f9fa;
    --text-gray: #a0a0b0;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
    --provider-box-bg: rgba(0, 0, 0, 0.7);
    --action-bar-bg: rgba(0, 0, 0, 0.7);
    --card-bg: rgba(20, 20, 40, 0.6);
    --header-height: 70px;
    --sidebar-width: 260px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Override specific styles that use direct color values */
.brands-container {
    background: #3a1160 !important;
}

.btn-join {
    background: linear-gradient(135deg, #ffcc00 0%, #cca300 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 204, 0, 0.4) !important;
}

.section-title {
    margin: 1rem 0 1rem !important;
    background: linear-gradient(to bottom, #fff, #ffcc00) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.logo::before {
    -webkit-text-fill-color: #ffcc00 !important;
}