:root {
  /* Tonalidade principal (fundo, textos, elementos escuros) */
  --first-color: #1A2B4C;        /* Azul escuro */

  /* Tom de destaque principal (botões, bordas, ícones) */
  --second-color: #E77F22;       /* Laranja vibrante */

  /* Tom de alerta/ênfase (por exemplo, erros, badges, hover alternativo) */
  --third-color: #D9271A;        /* Vermelho intenso */

  /* Versão semitransparente para sombras e estados de hover (~5% de opacidade) */
  --second-color-shadow: #E77F220d; /* Laranja 5% */
  --third-color-shadow:  #D9271A0d; /* Vermelho 5% */
}