:root {
  --color-brand-brown: #5C4033;
  --color-brand-light: #f5f0eb;
  --color-brand-dark: #1a1a1a;
  --color-brand-accent: #c4a484;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--color-brand-dark);
  background-color: #ffffff;
}

.text-brown { color: var(--color-brand-brown); }
.bg-brown { background-color: var(--color-brand-brown); }
.text-accent { color: var(--color-brand-accent); }
.bg-accent { background-color: var(--color-brand-accent); }
.bg-brand-light { background-color: var(--color-brand-light); }
.border-brown { border-color: var(--color-brand-brown); }
.hover\:text-brown:hover { color: var(--color-brand-brown); }
.focus\:border-brown:focus { border-color: var(--color-brand-brown); }
.focus\:ring-brown:focus { --tw-ring-color: var(--color-brand-brown); }

/* Simple mobile menu toggle */
#mobile-menu {
  display: none;
}
#mobile-menu.open {
  display: block;
}