:root {
    /* Színek - !important jelzővel, hogy mindenképp érvényesüljenek */
        --primary-color: #508d69 !important;
        --secondary-color: #111827 !important;
        --accent-color: #6188ff !important;
        --text-color: #333333 !important;
        --light-text-color: #ffffff !important;
        --background-color: #ffffff !important;
        --light-background-color: #f8f9fa !important;
        --dark-background-color: #111827 !important;
        --button-color: #508d69 !important;
        --button-text-color: #ffffff !important;
        --header-bg-color: #111827 !important;
        --header-text-color: #ffffff !important;
        --footer-bg-color: #111827 !important;
        --footer-text-color: #ffffff !important;
        --menu-highlight-color: #508d69 !important;
    
    /* Betűtípusok */
        --heading-font: Poppins, sans-serif !important;
        --body-font: Montserrat, sans-serif !important;
    
    /* Térközök */
        --section-padding: 60px !important;
        --container-width: 1140px !important;
    
    /* Gombok */
        --border-radius: 4px;
        --button-padding: 10px 20px;
    }

/* Általános stílusok */
body {
    font-family: var(--body-font);
    color: var(--text-color);
    background-color: var(--background-color);
}

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

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--secondary-color);
}

/* Gombok */
.btn, 
button, 
input[type="button"], 
input[type="submit"],
.order-btn,
.book-table-btn {
    background-color: var(--button-color);
    color: var(--button-text-color);
    border-radius: var(--border-radius);
    padding: var(--button-padding);
}

.btn:hover, 
button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover,
.order-btn:hover,
.book-table-btn:hover {
    opacity: 0.9;
}

/* Fejléc */
.header {
    background-color: var(--header-bg-color);
    color: var(--header-text-color);
}

.header a, .header .nav-link {
    color: var(--header-text-color);
}

.header a:hover, .header .nav-link:hover {
    color: var(--primary-color);
}

/* Lábléc */
.footer {
    background-color: var(--footer-bg-color);
    color: var(--footer-text-color);
}

.footer a, .footer .nav-link {
    color: var(--footer-text-color);
}

.footer a:hover, .footer .nav-link:hover {
    color: var(--primary-color);
}

/* Menükártyák */
.food-card, .featured-product-card {
    border-radius: var(--border-radius);
    background-color: var(--light-background-color);
}

.food-card-title, .featured-product-title {
    color: var(--text-color);
}

.food-card-price, .featured-product-price {
    color: var(--primary-color);
}

/* Hero szekció */
.hero-title {
    color: var(--light-text-color);
}

.hero-slider .welcome-text {
    color: var(--light-text-color);
}

.numbered-line {
    background-color: var(--primary-color);
    color: var(--light-text-color);
}

/* Form elemek */
input, select, textarea {
    border-radius: var(--border-radius);
}

/* Egyéb elemek */
.page-title, .section-title {
    color: var(--primary-color);
}

.menu-tab.active {
    background-color: var(--primary-color);
    color: var(--light-text-color);
}

/* További elemek stílusai a felhasználói igények szerint bővíthetők */