:root {
    --primary-color: #1a472a;
    --secondary-color: #f8c471;
    --header-bg: #1a472a;
    --footer-bg: #1a472a;
    --body-bg: #f8f9fa;
    --text-color: #333;
    --link-color: #f8c471;
--button-bg: #1a472a;   /* dark green */
--button-text: #f8c471; /* golden yellow – readable */
    --heading-font: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
    --body-font: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
    --body-font-size: 16px;
    --heading-font-size: 32px;
    --overlay-opacity: 0.85;
    --home-bg-image: url('');
}

body {
    background-color: var(--body-bg);
    color: var(--text-color);
    font-family: var(--body-font);
    font-size: var(--body-font-size);
}

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

header, .nav-container, .site-header {
    background-color: var(--header-bg) !important;
}

footer {
    background-color: var(--footer-bg) !important;
}

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

.btn, .btn-primary, button[type="submit"] {
    background-color: var(--button-bg);
    color: var(--button-text);
    border: none;
}
.btn:hover, .btn-primary:hover {
    filter: brightness(0.9);
}

.page-title {
    color: var(--primary-color);
    border-bottom-color: var(--secondary-color);
}
.page-title i {
    color: var(--secondary-color);
}
.logo {
    color: var(--secondary-color);
}
.feature i {
    color: var(--secondary-color);
}
.package-price {
    color: var(--secondary-color);
}
.menu-price {
    color: var(--secondary-color);
}
.status-pending {
    background-color: #f8c47120;
    color: #f8c471;
}

.hero {
    background: linear-gradient(rgba(26, 71, 42, var(--overlay-opacity)), rgba(26, 71, 42, var(--overlay-opacity))), var(--home-bg-image);
    background-size: cover;
    background-position: center;
}