/* =========================================
   VARIABLES — tokens de design
   Nunca repita um valor de cor, fonte ou espaçamento
   fora deste arquivo.
   ========================================= */
:root{
  /* Cores institucionais */
  --forest-900:#122a1c;
  --forest-800:#1b3d26;
  --forest-700:#245231;
  --forest-600:#2f6b3f;
  --green-accent:#a8ec7c;
  --green-accent-dark:#8fd669;
  --cream:#f6f3ec;
  --gray-bg:#eaece6;
  --text-dark:#1c2b20;
  --text-body:#5c6b60;
  --white:#ffffff;

  /* Estados */
  --color-error:#c0392b;
  --color-error-bg:#fbeae8;
  --color-success:#2f6b3f;
  --color-success-bg:#e9f5e3;

  /* Tipografia — Cairo em todo o site (títulos e corpo) */
  --fonte-titulo:'Cairo', sans-serif;
  --fonte-corpo:'Cairo', sans-serif;

  /* Espaçamento e forma */
  --espacamento-base:1rem;
  --raio-borda:8px;
  --raio-card:14px;
  --raio-grande:22px;
  --sombra-card:0 6px 20px rgba(20,40,25,.06);
  --sombra-elevada:0 20px 50px rgba(20,40,25,.18);

  /* Movimento */
  --ease-base: cubic-bezier(.4,0,.2,1);
  --duracao-rapida: .2s;
  --duracao-media: .5s;
  --duracao-lenta: .8s;
}