:root {
  --color-primary: #c2500a;
  --color-primary-dark: #8a3608;
  --color-accent: #f97316;
  --color-text: #1a0e08;
  --color-text-light: #7a5040;
  --color-bg: #fffbf8;
  --color-bg-alt: #fff4ec;
  --color-border: #fed7aa;
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --heading-transform: none;
  --heading-letter-spacing: -0.01em;
}

.hero {
  background-image: linear-gradient(rgba(0,0,0,0.40), rgba(0,0,0,0.40)), url('https://images.pexels.com/photos/1640777/pexels-photo-1640777.jpeg?auto=compress&cs=tinysrgb&w=1920');
  background-size: cover;
  background-position: center;
}

.hero h1,
.hero-sub {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}