@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&display=swap');

:root {
  /* Primary Colors */
  --primary-green: #4c8c2f;
  --primary-brown: #8b4513;

  /* Secondary Colors */
  --secondary-dark-green: #3a6b24;
  --secondary-light-green: #60a53d;

  /* Background Colors */
  --background-dark: #1a2f0f;
  --background-medium: #2a4118;

  /* Text Colors */
  --text-white: #ffffff;
  --text-light-gray: #E0E0E0;

  /* Accent Colors */
  --accent-gold: #ffd700;
  --accent-orange: #ff8c00;

  /* Additional Variables */
  --font-family: 'Exo 2', sans-serif;
  --border-radius: 4px;
  --box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  --transition: all 0.3s ease;

  /* Gradients */
  --gradient-primary: linear-gradient(45deg, var(--background-dark) 0%, var(--background-medium) 100%);
  --gradient-overlay: radial-gradient(ellipse at center, rgba(76,140,47,0.4) 0%, rgba(26,47,15,0.8) 100%);

  /* Animations */
  --animation-duration: 0.3s;
  --animation-timing: ease-in-out;
}