/*
Theme Name: Panchsutra Eco-Resilience Child
Theme URI: https://panchsutra.org
Description: A modern, eco-friendly, responsive child theme for Panch Sutra Foundation inspired by nature and community resilience with a clean white and green palette.
Author: Panch Sutra Foundation
Author URI: https://panchsutra.org
Template: generatepress
Version: 1.0.0
*/

:root {
  --color-primary: #15803D;
  --color-primary-dark: #0F3E26;
  --color-primary-light: #22C55E;
  --color-primary-accent: #16A34A;
  --color-mint-subtle: #F0FDF4;
  --color-mint-light: #DCFCE7;
  --color-mint-border: #BBF7D0;
  --color-bg: #FFFFFF;
  --color-surface: #F7FAF7;
  --color-surface-card: #FFFFFF;
  --color-text: #14241A;
  --color-text-muted: #4B6354;
  --color-text-light: #64748B;
  --color-border: #E2E8F0;
  
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 10px 25px -5px rgba(21, 128, 61, 0.08);
  --shadow-lg: 0 20px 35px -5px rgba(21, 128, 61, 0.12);
  --shadow-card: 0 4px 20px -2px rgba(20, 36, 26, 0.06);
  
  --container-max: 1240px;
  --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base resets & typography */
body {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: var(--color-bg);
  line-height: 1.65;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-text);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition);
}

a:hover {
  color: var(--color-primary-dark);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}