:root {
  --primary: #8b1a1a;
  --primary-light: #a52020;
  --primary-dark: #6b1414;
  --primary-bg: #fdf8f3;
  --hero-from: #f9f0e6;
  --hero-to: #f5e8d8;
  --bg: #fdf8f3 !important;
  --surface: #ffffff !important;
  --surface2: #f5ede0 !important;
  --text: #2d1a0e !important;
  --text-muted: #a08060 !important;
  --border: #e8ddd0 !important;
}

body { background: #fdf8f3 !important; color: #2d1a0e !important; }
.topbar, header, nav.topbar { background: #fdf8f3 !important; border-bottom: 1px solid #e8ddd0 !important; }
.hero { background: linear-gradient(135deg,#f9f0e6,#f5e8d8) !important; }
.btn, .btn-full { background: #8b1a1a !important; color: #fdf8f3 !important; }
.btn:hover { background: #6b1414 !important; }
.cat-card { background: #fff !important; border-color: #e8ddd0 !important; }
.cat-card:hover { border-color: #8b1a1a !important; }
.cat-card h4 { color: #2d1a0e !important; }
.prod-card { background: #fff !important; border-color: #e8ddd0 !important; }
.prod-card:hover { border-color: #8b1a1a !important; box-shadow: 0 4px 16px rgba(139,26,26,0.1) !important; }
.prod-card h5 { color: #2d1a0e !important; }
.prod-card .price { color: #8b1a1a !important; }
.home-search { background: #fff !important; border-color: #e8ddd0 !important; }
.home-search button { background: #8b1a1a !important; }
.home-cats-link { background: #fff !important; border-color: #e8ddd0 !important; color: #7a5c3a !important; }
.sec-title span { color: #2d1a0e !important; }
.more { color: #8b1a1a !important; background: transparent !important; }
.store-card { background: #fff !important; border-color: #e8ddd0 !important; }
.blog-card { background: #fff !important; border-color: #e8ddd0 !important; }
.blog-card h4 { color: #2d1a0e !important; }
.card-box { background: #fff !important; border-color: #e8ddd0 !important; }
footer { background: #f5ede0 !important; border-top: 1px solid #e8ddd0 !important; }
footer a { color: #a08060 !important; }
footer a:hover { color: #8b1a1a !important; }
.dash-tabs a.active { color: #8b1a1a !important; border-bottom-color: #8b1a1a !important; }
.mobile-nav a.active { color: #8b1a1a !important; }
.mobile-nav a.active .icon { filter: none !important; }
.logo { color: #2d1a0e !important; }
a { color: #8b1a1a !important; }
.hero h1 { color: #2d1a0e !important; }
.hero p { color: #7a5c3a !important; opacity: 1 !important; }
.hero-trust span { background: rgba(139,26,26,0.08) !important; border-color: rgba(139,26,26,0.2) !important; color: #7a5c3a !important; }
.btn-lg { background: #8b1a1a !important; color: #fdf8f3 !important; border: none !important; }

/* Override CSS variables for humkt */
:root {
  --bg: #fdf8f3;
  --surface: #ffffff;
  --surface2: #f5ede0;
  --text: #2d1a0e;
  --text-muted: #a08060;
  --border: #e8ddd0;
  --primary: #8b1a1a;
  --primary-light: #a52020;
  --primary-dark: #6b1414;
  --primary-bg: #fdf8f3;
  --success: #2d6a1a;
  --success-bg: #f0f7eb;
  --warning: #8b5e1a;
  --warning-bg: #fdf4e8;
  --danger: #8b1a1a;
  --danger-bg: #fdf0f0;
  --hover-bg: #f5ede0;
}

footer, footer > div { background: #f5ede0 !important; color: #2d1a0e !important; }
footer h4 { color: #2d1a0e !important; }
footer p { color: #5a3e28 !important; }
footer h4 { color: #6b1414 !important; font-weight: 700 !important; }
footer p, footer li, footer { color: #3d2010 !important; }
footer a { color: #7a4020 !important; }
footer a:hover { color: #8b1a1a !important; }
