:root {
  --brand-green: #1F4D3A;
  --brand-gold: #E3A300;
  --brand-gold-hover: #C78E00;
  --brand-brown: #9A6A0A;
  --surface-main: #FFFFFF;
  --surface-alt: #FAF7F0;
  --text-primary: #2A2A2A;
  --text-secondary: #6B6B6B;
}

body {
  margin: 0;
  padding: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--surface-main);
  color: var(--text-primary);
}

.bg-surface-main { background-color: var(--surface-main); }
.bg-surface-alt { background-color: var(--surface-alt); }
.text-text-primary { color: var(--text-primary); }
.text-text-secondary { color: var(--text-secondary); }
.text-brand-brown { color: var(--brand-brown); }
.text-brand-gold { color: var(--brand-gold); }
.bg-brand-gold { background-color: var(--brand-gold); }
.bg-brand-green { background-color: var(--brand-green); }
.bg-brand-brown { background-color: var(--brand-brown); }
.border-surface-alt { border-color: var(--surface-alt); }
.hover\:bg-brand-gold-hover:hover { background-color: var(--brand-gold-hover); }

.selection\:bg-brand-gold::selection {
  background-color: var(--brand-gold);
  color: white;
}

.text-glow-sm {
  text-shadow: 0 0 10px rgba(227, 163, 0, 0.2);
}

img {
  max-width: 100%;
  display: block;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--surface-alt);
}
::-webkit-scrollbar-thumb {
  background: var(--brand-gold);
  border-radius: 4px;
}

.nav-active {
  color: var(--brand-gold) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}