:root {
    --primary: #312B24;
    --secondary: #EAF0EA;
    --button-color: #917C0B;
    --button-hover-color: #241F19;
    --font-family-heading: "Lora", serif;
    --font-family-text: "Inter Tight", sans-serif;
    --btn-bg: var(--button-color);
        --btn-bg-hover: var(--button-hover-color);
    --btn-text: #ffffff;
}

body {
    background-color: var(--secondary);
    color: var(--primary);
}

button,
input[type="submit"],
input[type="button"],
.btn,
a.btn,
.btn-accent,
.btn-accent-2,
.header-intake-btn,
.header-quote-btn,
.homeLeadForm__submit {
    background-color: var(--btn-bg) !important;
    border-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
a.btn:hover,
.btn-accent:hover,
.btn-accent-2:hover,
.header-intake-btn:hover,
.header-quote-btn:hover,
.homeLeadForm__submit:hover,
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
.btn:focus-visible,
a.btn:focus-visible,
.btn-accent:focus-visible,
.btn-accent-2:focus-visible,
.header-intake-btn:focus-visible,
.header-quote-btn:focus-visible,
.homeLeadForm__submit:focus-visible {
    background-color: var(--btn-bg-hover) !important;
    border-color: var(--btn-bg-hover) !important;
    color: var(--btn-text) !important;
}

.btn-accent-hover-outline {
    color: var(--btn-bg) !important;
    border-color: var(--btn-bg) !important;
}

.btn-accent-hover-outline:hover,
.btn-accent-hover-outline:focus-visible {
    background-color: var(--btn-bg) !important;
    border-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
}

.package-list-duration-badge,
.cwv-footer-socials a:hover,
.cwv-footer-socials a:focus-visible {
    background-color: var(--btn-bg);
}

.sub-heading,
.service-icon,
.header-call-label,
.package-list-meta i {
    color: var(--primary);
}

.section,
.package-empty-state,
.hero-booking-form,
.about-achievement-box,
.package-list-card {
    background-color: color-mix(in srgb, var(--secondary) 88%, white 12%);
}