:root {
    --driver-bg-color: #1f2937; /* A dark gray from your theme */
    --driver-border-color: #34d399; /* Your primary green color */
    --driver-button-bg-color: #10b981;
    --driver-button-text-color: #ffffff;
    --driver-button-hover-bg-color: #059669;
    --driver-popover-arrow-color: var(--driver-bg-color);
}

.driver-popover {
    background-color: var(--driver-bg-color);
    color: #e5e7eb; /* A light gray for text */
    border: 1px solid var(--driver-border-color);
    border-radius: 0.75rem; /* Rounded corners */
}

.driver-popover-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
}

.driver-popover-description {
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
}

.driver-popover-close-btn {
    color: #9ca3af;
}
.driver-popover-close-btn:hover {
    color: #ffffff;
}

/* Override the overflow hidden behavior during onboarding */
body.onboarding-active :not(body):has(>.driver-active-element) {
    overflow: visible !important;
}