/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* Color Palette - Warm Earth Tones */
  --color-primary: #c17a4f; /* Warm terracotta */
  --color-secondary: #5a7a6b; /* Sage green */
  --color-accent: #d4915e; /* Warm amber */
  --color-dark: #2c2c2c; /* Charcoal */
  --color-light: #f5f1ed; /* Warm off-white */
  --color-white: #ffffff;
  --color-gray: #6b6b6b;
  --color-gray-light: #e8e4df;

  /* Typography */
  --font-heading: "Georgia", "Times New Roman", serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;

  /* Transitions */
  --transition: all 0.3s ease;
}

html {
  scroll-behavior: smooth;
}

/* body {
  font-family: var(--font-body);
  color: var(--color-dark);
  line-height: 1.6;
  background-color: var(--color-white);
} */

/* Typography */


/* Buttons */
/* .btn {
  display: inline-block;
  padding: 1rem 2rem;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  transition: var(--transition);
  border: none;
  cursor: pointer;
  font-size: 1rem;
} */

/* .btn-full {
  width: 100%;
} */

/* Get Involved Section */
/* .get-involved {
  padding: var(--spacing-xl) 0;
  background-color: var(--color-light);
} */

/* Responsive Design */
@media (max-width: 768px) {
  /* .nav-links {
    position: fixed;
    top: 70px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 70px);
    background-color: var(--color-white);
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--spacing-lg);
    transition: var(--transition);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .nav-links.active {
    left: 0;
  } */

  /* .menu-toggle {
    display: flex;
  }

  .menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
  } */

  /* .mission-content,
  .donation-content {
    grid-template-columns: 1fr;
  } */
/* 
  .hero-buttons {
    flex-direction: column;
    align-items: center;
  }

  .hero-buttons .btn {
    width: 100%;
    max-width: 300px;
  } */
/* 
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  } */
}

/* Accessibility */
/* @media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
} */

/* Focus styles for keyboard navigation */
/* a:focus,
button:focus,
input:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
} */