@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap');


     :root {
            --color-primary: #1F5F4A;
            --color-secondary: #F2C14E;
            --color-accent: #E4572E;
            --color-bg: #FFF6E9;
            --color-success: #4CAF50;
            --font-heading: 'Nunito', sans-serif;
            --font-body: 'Inter', sans-serif;
        }
        
        body {
            font-family: var(--font-body);
            background-color: var(--color-bg);
            color: #2E2E2E;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
        }
        
        .btn-primary {
            background-color: var(--color-primary);
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.75rem;
            font-weight: 600;
            transition: all 0.3s;
            font-family: var(--font-body);
        }
        
        .btn-primary:hover {
            background-color: #2A7A5F;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        .btn-secondary {
            background-color: var(--color-secondary);
            color: var(--color-primary);
            padding: 0.75rem 1.5rem;
            border-radius: 0.75rem;
            font-weight: 600;
            transition: all 0.3s;
            font-family: var(--font-body);
        }
        
        .btn-secondary:hover {
            opacity: 0.9;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        .card {
            background: white;
            border-radius: 1rem;
            padding: 1.5rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            transition: all 0.3s;
        }
        
        .card:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }

/* homepage.css: extracted from homepage.html inline styles */

.font-nunito {
  font-family: 'Nunito', sans-serif;
}
.font-inter {
  font-family: 'Inter', sans-serif;
}
.text-1F5F4A {
  color: #1F5F4A;
}
.text-E4572E {
  color: #E4572E;
}
.text-2E2E2E {
  color: #2E2E2E;
}
.text-717182 {
  color: #717182;
}
.bg-F2C14E20 {
  background-color: #F2C14E20;
}
.bg-E4572E20 {
  background-color: #E4572E20;
}
.bg-4CAF5020 {
  background-color: #4CAF5020;
}
.bg-4DA8DA20 {
  background-color: #4DA8DA20;
}
.border-1F5F4A {
  border-color: #1F5F4A;
}
.hover\:bg-1F5F4A:hover {
  background-color: #1F5F4A;
}
.hover\:text-white:hover {
  color: #fff;
}

:root {
  --color-primary: #1F5F4A;
  --color-secondary: #F2C14E;
  --color-accent: #E4572E;
  --color-bg: #FFF6E9;
  --color-success: #4CAF50;
  --font-heading: 'Nunito', sans-serif;
  --font-body: 'Inter', sans-serif;
}

body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: #2E2E2E;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

.btn-primary {
  background-color: var(--color-primary);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-weight: 600;
  transition: all 0.3s;
  font-family: var(--font-body);
}

.btn-primary:hover {
  background-color: #2A7A5F;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-secondary {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-weight: 600;
  transition: all 0.3s;
  font-family: var(--font-body);
}

.btn-secondary:hover {
  opacity: 0.9;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card {
  background: white;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}