/* Definindo variáveis de cores no :root */
:root {
  --primary-color: #009987;      /* Cor principal */
  --primary-hover: #007372;      /* Cor ao passar o cursor */
  --primary-active: #005357;     /* Cor ao clicar */
  
  /*--primary-color: #007bff;      /* Cor principal */
  /*--primary-hover: #0056b3;      /* Cor ao passar o cursor */
  /*--primary-active: #003a75;     /* Cor ao clicar */

  /*--secondary-color: #343a40;    /* Cor secundária */
  --secondary-color: rgba(52, 58, 64, 0.5);    /* Cor secundária */
  --text-color: white;           /* Cor do texto padrão */

  --disabled-color: #a1a1a1;     /* Cor para botões desabilitados */
  --disabled-text-color: #f0f0f0;/* Cor do texto para botões desabilitados */

  --header-bg: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-hover) 100%);
  --header-shadow: rgba(0, 0, 0, 0.2); /* Sombra do cabeçalho */
}