:root{
    --lokate-primary: #007BFF; /* blue */
    --lokate-secondary: #28A745; /* green */
}

/* Example hero tweaks */
.hero {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
}

@media (max-width: 768px){
    .hero {
        padding: 24px 0;
    }
    h1, .elementor-heading-title { font-size: 28px !important; }
}

/* Button styles using project colors */
.lokate-cta, .elementor-button.lokate-cta {
    background-color: var(--lokate-primary);
    color: #fff;
    border-radius: 6px;
}
.lokate-cta:hover, .elementor-button.lokate-cta:hover { background-color: var(--lokate-secondary); }