:root {
  --primary-black: #111111;
  --secondary-white: #f8f9fa;
  --wood-accent: #8b5a2b;
  --wood-light: #d2b48c;
  --wood-dark: #5c3a21;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--secondary-white);
  color: var(--primary-black);
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: var(--primary-black);
}

/* Navbar */
.navbar-custom {
  background-color: var(--primary-black);
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
  color: var(--secondary-white);
  transition: color 0.3s ease;
}

.navbar-custom .nav-link:hover {
  color: var(--wood-light);
}

/* Buttons */
.btn-primary-custom {
  background-color: var(--primary-black);
  color: var(--secondary-white);
  border: 1px solid var(--primary-black);
  transition: all 0.3s ease;
}

.btn-primary-custom:hover {
  background-color: var(--secondary-white);
  color: var(--primary-black);
}

.btn-accent {
  background-color: var(--wood-accent);
  color: #fff;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-accent:hover {
  background-color: var(--wood-dark);
  color: #fff;
}

/* Cards */
.card-custom {
  border: none;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-custom:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}

/* Footer */
.footer-custom {
  background-color: var(--primary-black);
  color: var(--secondary-white);
  padding: 3rem 0;
}

/* Hero Section */
.hero-section {
  background-color: var(--wood-light);
  color: var(--primary-black);
  padding: 5rem 0;
  text-align: center;
}

.hero-section h1 {
  font-size: 3.5rem;
  font-weight: 700;
}