:root {
  --hm-navy: #101b2d;
  --hm-navy-light: #1b2b45;
  --hm-navy-dark: #0a121f;
  --hm-gold: #c6a15b;
  --hm-gold-light: #e3c887;
  --hm-bg: #f4f5f7;
  --hm-surface: #ffffff;
  --hm-sidebar-bg: #fbfaf7;
  --hm-border: #e4e7ec;
  --hm-text: #1a2233;
  --hm-text-muted: #6b7385;
  --hm-radius-sm: 8px;
  --hm-radius: 14px;
  --hm-radius-lg: 20px;
  --hm-shadow: 0 10px 30px rgba(16, 27, 45, 0.08);
  --hm-shadow-lg: 0 20px 60px rgba(16, 27, 45, 0.16);
  --hm-sidebar-width: 264px;
  --hm-sidebar-collapsed-width: 80px;
  --hm-topbar-height: 68px;
}

body {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  color: var(--hm-text);
  background-color: var(--hm-bg);
}

.text-gold {
  color: var(--hm-gold);
}

.btn-primary {
  --bs-btn-bg: var(--hm-navy);
  --bs-btn-border-color: var(--hm-navy);
  --bs-btn-hover-bg: var(--hm-navy-light);
  --bs-btn-hover-border-color: var(--hm-navy-light);
  --bs-btn-active-bg: var(--hm-navy-dark);
  --bs-btn-active-border-color: var(--hm-navy-dark);
  --bs-btn-focus-shadow-rgb: 22, 39, 66;
}

.btn-outline-primary {
  --bs-btn-color: var(--hm-navy);
  --bs-btn-border-color: var(--hm-navy);
  --bs-btn-hover-bg: var(--hm-navy);
  --bs-btn-hover-border-color: var(--hm-navy);
  --bs-btn-active-bg: var(--hm-navy);
  --bs-btn-active-border-color: var(--hm-navy);
}

a {
  color: var(--hm-navy);
}

a:hover {
  color: var(--hm-gold);
}