:root {
  --blue-dark: #003f6c; /* Azul mais escuro, base do gradiente */
  --blue-medium: #4fa3c6; /* Azul médio, base do gradiente */
  --blue-light: #89c7e0; /* Azul mais claro */
  --shadow-blue: rgba(0, 63, 108, 0.6); /* Azul escuro com transparência para sombras */
  --background-light: #e6f3f9; /* Fundo claro complementar */
  --white: #ffffff; /* Branco para contraste */
  --accent: #88d0c4; /* Cor de destaque complementar */

  /* Novas tonalidades de verde */
  --green-pastel: #B5D99C; /* Verde pastel */
  --green-forest: #4C7744; /* Verde floresta */
  --green-moss: #8A9A5B; /* Verde musgo */
  --green-jade: #5EAD7A; /* Verde jade */
  --green-emerald: #2E7D32; /* Verde esmeralda */
  --green-olive: #808000; /* Verde oliva */
  --green-mint: #A8E6CF; /* Verde menta */


  --primary-font: PP Neue Corp Wide, sans-serif;
  --secondary-font: "KoHo", serif;
}


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