/* Variáveis de cores para personalização */
:root {
  /* Cores principais */
  --primary-color: #0056b3;       /* Cor principal (botões, destaques) */
  --secondary-color: #17a2b8;     /* Cor secundária */
  --background-color: #ffffff;    /* Cor de fundo */
  --text-color: #333333;          /* Cor do texto */
  --accent-color: #ffc107;        /* Cor de destaque (estrelas, ícones) */
  
  /* Variações de cores */
  --primary-light: #e6f0fa;       /* Versão clara da cor principal */
  --primary-dark: #004494;        /* Versão escura da cor principal */
  --secondary-light: #e8f6f8;     /* Versão clara da cor secundária */
  --secondary-dark: #138496;      /* Versão escura da cor secundária */
  
  /* Cores de texto */
  --text-light: #666666;          /* Texto mais claro */
  --text-dark: #212529;           /* Texto mais escuro */
  --text-white: #ffffff;          /* Texto branco */
  
  /* Cores de fundo */
  --bg-light: #f8f9fa;            /* Fundo claro */
  --bg-dark: #343a40;             /* Fundo escuro */
  --bg-footer: #212529;           /* Fundo do rodapé */
  
  /* Cores de estado */
  --success-color: #28a745;       /* Cor de sucesso */
  --error-color: #dc3545;         /* Cor de erro */
  --warning-color: #ffc107;       /* Cor de aviso */
  --info-color: #17a2b8;          /* Cor de informação */
  
  /* Cores de borda */
  --border-color: #dee2e6;        /* Cor de borda padrão */
  --border-light: #f1f1f1;        /* Cor de borda clara */
  
  /* Sombras */
  --shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);
  --shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  --shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
}

/* Instruções para personalização */
/*
Para personalizar as cores da landing page, basta alterar os valores das variáveis acima.
Exemplos:

Tema Azul (padrão):
--primary-color: #0056b3;
--secondary-color: #17a2b8;
--accent-color: #ffc107;

Tema Verde:
--primary-color: #28a745;
--secondary-color: #20c997;
--accent-color: #ffc107;

Tema Vermelho:
--primary-color: #dc3545;
--secondary-color: #fd7e14;
--accent-color: #ffc107;

Tema Roxo:
--primary-color: #6f42c1;
--secondary-color: #e83e8c;
--accent-color: #20c997;
*/