:root {
    --primary-bg: #0a0a0f;
    --secondary-bg: #1a1a1a;
    --accent-gold: #00ff88;
    --accent-gold-glow: rgba(255, 204, 0, 0.4);
    --text-white: #ffffff;
    --text-gray: #9ca3af;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
    --provider-box-bg: rgb(1, 16, 53);
    --action-bar-bg: rgb(1, 16, 53);
    --card-bg: rgb(96, 111, 40);
    --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: #d1d5db !important;
}

.btn-join {
    background: linear-gradient(135deg, #00ff88 0%, #00cc6c 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, #00ff88) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

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