/* global.css */

/* --- Importação da Fonte Principal --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap');

/* ==========================================================
   VARIÁVEIS GLOBAIS DE ESTILO (A ALMA DO SEU DESIGN)
==========================================================
*/
:root {
  /* Cores Principais da Marca */
  --cor-fundo-principal: #b0f7f2; /* O verde da home */
  --cor-fundo-secundario: #92f8c0; /* Tom de verde mais escuro para header/nav */
  --cor-destaque-verde: #00ff22;   /* Verde vibrante para botões e links ativos */
  --cor-azul-destaque: #003F87;   /* Azul para detalhes */

  /* Cores de Texto */
  --cor-texto-claro: #ffffff;
  --cor-texto-escuro: #495057;

  /* Efeitos e Componentes */
  --cor-fundo-componente: rgba(0, 0, 0, 0.2); /* Fundo de card/tabela com efeito vidro */
  --cor-borda-escura: rgba(255, 255, 255, 0.1);    /* Borda sutil para o tema escuro */
  --cor-borda-clara: #e9ecef;
  
  /* Tipografia */
  --fonte-principal: "Poppins", sans-serif;

  /* Efeitos */
  --sombra: 0 4px 15px rgba(0, 0, 0, 0.2);
  --transicao: all 0.3s ease;
}

/* --- Reset Básico e Estilos Globais --- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--fonte-principal);
  line-height: 1.6;
  background-color: var(--cor-fundo-principal); /* Cor de fundo padrão */
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}