:root {
    /* Cores Principais */
    --primary-color: #510080; /* Azul Telnet - Profissional e confiável */
    --primary-color-darker: #4e0066; /* Para hovers, bordas escuras */
    --primary-color-lighter: #fce6ff; /* Para fundos suaves, highlights */
    --primary-color-rgb: 0, 64, 128; /* Para uso com opacidade (ex: box-shadow) */
  
    --secondary-color: #25D366; /* Verde WhatsApp - Para CTAs principais */
    --secondary-color-darker: #1DAA50; /* Para hovers de CTAs */
    
    --accent-color-orange: #FF8C00; /* Laranja para botões de destaque, ajuste conforme preferir */
    --accent-color-orange-darker: #cc7000;
  
    /* Cores Neutras e de Texto */
    --text-color: #343a40; /* Um cinza escuro, bom para leitura (Bootstrap .text-dark) */
    --text-color-light: #5f676d; /* Para parágrafos, descrições */
    --text-muted-color: #6c757d; /* Cinza para textos secundários */
    --background-color: #ffffff;
    --light-bg-color: #f8f9fa; /* Fundo para seções alternadas */
    --border-color: #dee2e6; /* Cor de borda padrão */
  
    /* Tipografia */
    --font-headings: 'Lato', sans-serif;
    --font-body: 'Roboto', sans-serif;
  
    /* Outras Variáveis */
    --border-radius-sm: 0.25rem; /* 4px */
    --border-radius-md: 0.5rem;  /* 8px */
    --box-shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);
    --box-shadow-md: 0 .5rem 1rem rgba(0,0,0,.15);
    --box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --transition-speed: 0.3s;
  }