/* style.css */

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0; 
  padding-top: 80px; 
  background-color: #f7f7f7; 
  color: #2d3c2f; 
  transition: background-color 0.3s ease, color 0.3s ease;
}

:root {
  --header-bg-color: #f7f7f7;
  --header-text-color: #2d3c2f;
  --header-accent-color: #52604f;
  --logo-src: url("images/hdr_img_light_theme.png");
}

.dark-theme {
  --header-bg-color: #2d3c2f; /* Original dark header color */
  --header-text-color: #f7f7f7;
  --header-accent-color: #fbf3d2;
  --logo-src: url("images/hdr_img_dark_theme.png");

  background-color: #2d3c2f; /* Match the header background color */ 
  color: #f7f7f7;
}

.main-content {
  text-align: center; 
  margin-top: 30px; 
  padding: 20px; /* Add padding to the section */
  border-radius: 10px; /* Add rounded corners to the section */

  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Subtle box shadow */
}

.main-content h2 { 
  font-family: 'Playfair Display', serif; /* Changed font */
  font-size: 3rem; /* Increased font size */
  font-weight: 600; /* Slightly bolder */
  margin-bottom: 20px; 
  color: #2d3c2f; /* Dark green color */
}

.dark-theme .main-content h2 { 
  color: #f7f7f7;  
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.2); /* White text-shadow for dark theme */
}