@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
  --site-font-family: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --theme-primary-bg: #3E2D24;
  --theme-primary-text: #ffffff;
  --gradient-primary: #3E2D24;
}

[data-theme="dark"],
body.dark-mode,
body[data-theme="dark"],
.dark-theme {
  --theme-primary-bg: #C8A96A;
  --theme-primary-text: #3E2D24;
  --gradient-primary: #C8A96A;
}

html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal,
.card,
.navbar,
.footer,
[class*="title"],
[class*="heading"],
[class*="label"] {
  font-family: var(--site-font-family) !important;
}

body {
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================
   GLOBAL PRIMARY COLOR THEME ENGINE (#3E2D24 & #C8A96A)
   ========================================== */

/* Light Mode Overrides */
.btn-primary,
.bg-primary,
.badge-primary,
.stat-icon,
.mini-stat .stat-icon,
.mini-stat.purple .stat-icon,
.mini-stat.blue .stat-icon,
.mini-stat.green .stat-icon,
.mini-stat.orange .stat-icon,
.mini-stat.pink .stat-icon,
.mini-stat.teal .stat-icon,
.theme-switch-thumb,
.theme-toggle-btn.active,
.sidebar .menu-link.active::before,
.form-check-input:checked,
.bottom-action-btn.sort-btn {
  background: #3E2D24 !important;
  color: #FFFDF9 !important;
  border-color: #3E2D24 !important;
}

.bottom-action-btn.filter-btn {
  background: var(--primary, #C8A96A) !important;
  color: #3E2D24 !important;
  border-color: var(--primary, #C8A96A) !important;
}

.sidebar .menu-link.active {
  color: #3E2D24 !important;
  background: rgba(62, 45, 36, 0.08) !important;
}

/* Dark Mode Overrides */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .bg-primary,
[data-theme="dark"] .badge-primary,
[data-theme="dark"] .stat-icon,
[data-theme="dark"] .mini-stat .stat-icon,
[data-theme="dark"] .mini-stat.purple .stat-icon,
[data-theme="dark"] .mini-stat.blue .stat-icon,
[data-theme="dark"] .mini-stat.green .stat-icon,
[data-theme="dark"] .mini-stat.orange .stat-icon,
[data-theme="dark"] .mini-stat.pink .stat-icon,
[data-theme="dark"] .mini-stat.teal .stat-icon,
[data-theme="dark"] .theme-switch-thumb,
[data-theme="dark"] .theme-toggle-btn.active,
[data-theme="dark"] .form-check-input:checked,
[data-theme="dark"] .bottom-action-btn.sort-btn,
body.dark-mode .btn-primary,
body.dark-mode .bg-primary,
body.dark-mode .badge-primary,
body.dark-mode .stat-icon,
body.dark-mode .mini-stat .stat-icon,
body.dark-mode .form-check-input:checked,
body.dark-mode .bottom-action-btn.sort-btn {
  background: #C8A96A !important;
  color: #3E2D24 !important;
  border-color: #C8A96A !important;
}

[data-theme="dark"] .sidebar .menu-link.active,
body.dark-mode .sidebar .menu-link.active {
  color: #C8A96A !important;
  background: rgba(200, 169, 106, 0.15) !important;
}