:root {
    --primary-color: #6F4E37; /* Coffee Brown */
    --secondary-color: #3B2F2F; /* Dark Roast */
    --accent-color: #A0522D; /* Sienna */
    --background-color: #F5F5DC; /* Beige */
    --text-color: #3D3D3D;
}

body {
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
    font-family: 'Inter', sans-serif; /* Default font for English and other languages */
}

/* Apply Khmer font only when the language is km-KH */
html[lang="km-KH"] body,
html[lang="km-KH"] .navbar-brand,
html[lang="km-KH"] .nav-link,
html[lang="km-KH"] .btn,
html[lang="km-KH"] h1,
html[lang="km-KH"] h2,
html[lang="km-KH"] h3,
html[lang="km-KH"] h4,
html[lang="km-KH"] h5,
html[lang="km-KH"] p,
html[lang="km-KH"] a,
html[lang="km-KH"] label,
html[lang="km-KH"] .form-label,
html[lang="km-KH"] .form-control,
html[lang="km-KH"] .dropdown-item,
html[lang="km-KH"] .card-title,
html[lang="km-KH"] .card-text {
    font-family: 'Kantumruy Pro', sans-serif;
}


.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.navbar-brand {
    font-weight: bold;
}

.nav-link {
    color: var(--secondary-color) !important;
}

.nav-link:hover {
    color: var(--primary-color) !important;
}

.badge.bg-primary {
    background-color: var(--primary-color) !important;
}