/* Brand Colors */

.btn-primary{
background:#815a32 !important;
border-color:#815a32 !important;
}

.btn-primary:hover{
background:#6f4d2b !important;
}

.navbar,
.header,
.navbar-area{
background:#000000 !important;
}

a{
color:#815a32 !important;
}

a:hover{
color:#6f4d2b !important;
}

.table thead th{
background:#815a32 !important;
color:#fff !important;
}

.page-item.active .page-link{
background:#815a32 !important;
border-color:#815a32 !important;
}
/* Footer background */
.footer {
    background-color: #000000 !important;
}

/* Badges */
.badge--base {
    background-color: #815a32 !important;
}

/* Active menu items in mobile */
.menu > li.active > a {
    color: #815a32 !important;
}

/* Header navigation links white */
.navbar a,
.menu li a,
.header a {
    color: #ffffff !important;
}

/* Hover effect */
.navbar a:hover,
.menu li a:hover,
.header a:hover {
    color: #815a32 !important;
}

/* Logo text if text-based */
.logo a,
.site-title {
    color: #ffffff !important;
}


.btn-primary:hover,
.cmn--btn:hover,
.btn--base:hover {
    color: #ffffff !important;
    background-color: #6f4d2b !important;  /* keep hover background darker brown */
    border-color: #6f4d2b !important;
}


/* === BRAND COLORS FROM PALETTE === */
:root {
    --primary: #c69f5a;
    --primary-dark: #795532;
    --dark-bg: #140f12;
    --light-text: #f0db9e;
    --accent: #9e7440;
}

/* Buttons */
.btn-primary,
.cmn--btn,
.btn--base {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #140f12 !important;  /* dark text on gold */
}
.btn-primary:hover,
.cmn--btn:hover,
.btn--base:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: #f0db9e !important;   /* light text on dark hover */
}

/* Header (dark background) */
.header, .navbar, .navbar-area, .menu-area, .main-header {
    background-color: var(--dark-bg) !important;
}
.header a, .navbar a, .menu li a {
    color: var(--light-text) !important;
}
.header a:hover, .navbar a:hover, .menu li a:hover {
    color: var(--primary) !important;
}

/* Links */
a {
    color: var(--primary) !important;
}
a:hover {
    color: var(--primary-dark) !important;
}

/* Optional: table headers */
.table thead th {
    background-color: var(--primary) !important;
    color: #140f12 !important;
}

/* Pagination active */
.page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #140f12 !important;
}