:root {
    --primary-color: #65b663;
    --secondary-color: #008080;
    --accent-color: #408080;
    --background-color: #fffef7;
    --text-color: #2c2c2c;
    --text-light-color: #5a5a5a;
    --text-muted-color: #8a8a8a;
    --link-color: #20df29;
    --success-color: #3cc85f;
    --warning-color: #ffa502;
    --danger-color: #ff4757;
    --info-color: #3742fa;
    --header-color: #ffffff;
    --footer-color: #050000;
    --card-color: #ffffff;
    --border-color: #ffd700;
    --nav-hover-color: #009f50;
    --nav-mobile-hover-color: #804040;
}

body { background-color: var(--background-color); color: var(--text-color); }
body .header, .header, header { background: var(--header-color) !important; background-color: var(--header-color) !important; background-image: none !important; background-blend-mode: normal !important; background-attachment: scroll !important; background-position: initial !important; background-repeat: no-repeat !important; background-size: initial !important; background-clip: border-box !important; background-origin: border-box !important; }
body .header.scrolled, .header.scrolled, header.scrolled { background: var(--header-color) !important; background-color: var(--header-color) !important; background-image: none !important; background-blend-mode: normal !important; background-attachment: scroll !important; background-position: initial !important; background-repeat: no-repeat !important; background-size: initial !important; background-clip: border-box !important; background-origin: border-box !important; }
body .footer, .footer, footer { background: var(--footer-color) !important; background-color: var(--footer-color) !important; background-image: none !important; background-blend-mode: normal !important; background-attachment: scroll !important; background-position: initial !important; background-repeat: no-repeat !important; background-size: initial !important; background-clip: border-box !important; background-origin: border-box !important; }
@media (max-width: 768px) {
    .header { background: var(--header-color) !important; background-color: var(--header-color) !important; background-image: none !important; }
    .nav-menu { background: var(--header-color) !important; background-color: var(--header-color) !important; background-image: none !important; }
}

@media (max-width: 480px) {
    .footer { background: var(--footer-color) !important; background-color: var(--footer-color) !important; background-image: none !important; }
}

h1, h2, h3, h4, h5, h6 { color: var(--text-color); }
.text-muted { color: var(--text-muted-color) !important; }
.text-light { color: var(--text-light-color) !important; }
a { color: var(--link-color); }
a:hover { color: var(--accent-color); }
.nav-link:hover, .nav-link.active { background: var(--nav-hover-color) !important; }
@media (max-width: 768px) {
    .nav-link:hover { background: var(--nav-mobile-hover-color) !important; }
}

.card { background-color: var(--card-color); border-color: var(--border-color); }
.btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-primary:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); }
.btn-success { background-color: var(--success-color); border-color: var(--success-color); }
.btn-warning { background-color: var(--warning-color); border-color: var(--warning-color); }
.btn-danger { background-color: var(--danger-color); border-color: var(--danger-color); }
.btn-info { background-color: var(--info-color); border-color: var(--info-color); }
.alert-success { background-color: var(--success-color); color: white; }
.alert-warning { background-color: var(--warning-color); color: white; }
.alert-danger { background-color: var(--danger-color); color: white; }
.alert-info { background-color: var(--info-color); color: white; }