/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  /* Color Palette */
  --color-primary: #1A4D2E;
  /* Deep Forest Green */
  --color-primary-light: #2C6E49;
  --color-secondary: #E07A5F;
  /* Earthy Terracotta */
  --color-accent: #F2CC8F;
  /* Gold/Mustard */
  --color-bg: #F4F1DE;
  /* Off-white/Cream */
  --color-bg-alt: #EAE7D6;
  --color-text: #3D405B;
  /* Dark Charcoal */
  --color-text-light: #6D6F7B;
  --color-white: #FFFFFF;

  /* Typography */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
}

/* Base Styles Overrides */
body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: var(--color-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--color-primary);
}

/* Bootstrap Overrides & Custom Utilities */
.text-primary {
  color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.bg-alt {
  background-color: var(--color-bg-alt);
}

.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
}

.btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-white);
}

.btn-secondary:hover {
  background-color: #d06a4e;
  border-color: #d06a4e;
  color: var(--color-white);
}

.btn-outline {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-outline:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* Navbar Customization */
.navbar {
  background-color: var(--color-white);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.nav-link {
  font-weight: 500;
  color: var(--color-text);
}

.nav-link:hover,
.nav-link.active {
  color: var(--color-primary) !important;
}

/* Hero Section */
.hero {
  background: linear-gradient(rgba(26, 77, 46, 0.8), rgba(26, 77, 46, 0.8)), url('https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
  background-size: cover;
  background-position: center;
  color: var(--color-white);
  padding: 160px 0;
  text-align: center;
}

.hero h1 {
  color: var(--color-white);
}

/* Footer */
.footer {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 4rem 0 2rem;
}

.footer h4 {
  color: var(--color-white);
}

.footer a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

.footer a:hover {
  color: var(--color-white);
}

/* Card Hover Effect */
.card {
  border: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  height: 100%;
  padding: 1.5rem;
}

.card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

/* Logo */
.logo-img {
  height: 50px;
  width: auto;
}

@media (min-width: 2200px) {
    .container{
        max-width: 1800px;
    }
}