/* ===== CSS Variables ===== */
:root {
  --primary: #2E7D32;
  --secondary: #43A047;
  --accent: #66BB6A;
  --dark: #1B4332;
  --bg: #F8FFF8;
  --white: #FFFFFF;
  --gray: #6B7280;
  --gray-light: #E5E7EB;
  --success: #16A34A;
  --text: #1f2937;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --shadow-sm: 0 2px 8px rgba(27,67,50,.06);
  --shadow: 0 8px 30px rgba(27,67,50,.08);
  --shadow-lg: 0 20px 50px rgba(27,67,50,.12);
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --transition: all .35s cubic-bezier(.4,0,.2,1);
  --gradient: linear-gradient(135deg, #2E7D32 0%, #43A047 60%, #66BB6A 100%);
}