:root {
  /* Paleta de Cores Detrasoft - Inspirada no Logo */

  /* Gradiente Principal (Botões e Destaques) */
  --primary-gradiant: linear-gradient(
    90deg,
    rgb(77, 157, 224) 0%, /* Azul médio do logo */
    rgb(115, 184, 235) 100% /* Azul claro do logo */
  );

  /* Gradiente Secundário (Elementos de suporte) */
  --secondary-gradiant: linear-gradient(
    90deg,
    rgb(28, 71, 119) 0%, /* Azul escuro do logo */
    rgb(77, 157, 224) 100% /* Azul médio do logo */
  );

  /* Cores de Fundo */
  --bg-color: rgb(10, 25, 47); /* Azul-marinho profundo, base tecnológica */
  --bg-color-2: rgb(17, 34, 64); /* Tom mais claro para painéis e seções */
  --bg-color-3: rgb(255, 255, 255); /* Fundo branco para cartões ou seções claras */
  --foter-bg: rgb(10, 25, 47); /* Fundo do rodapé */
  --copyright-bg: rgb(6, 15, 28); /* Fundo da linha de copyright, o mais escuro */

  /* Cores de Texto */
  --heading-color: rgb(230, 241, 255); /* Branco-azulado para títulos */
  --text-color: rgb(204, 220, 255); /* Cinza-azulado claro para texto principal */
  --text-color-2: rgb(45, 55, 72); /* Cinza escuro para texto em fundos claros */
  --text-color-3: rgb(136, 146, 176); /* Cinza médio para texto secundário */
  --text-color-4: rgb(167, 167, 167); /* Cinza mais claro para placeholders */

  /* Cores de Elementos de UI */
  --menu-color: rgb(17, 34, 64);
  --feature-bg: rgb(17, 34, 64);
  --priceTable-bg: rgb(23, 42, 69); /* Fundo da tabela de preços, levemente destacado */
  --accordion-bg: rgb(23, 42, 69);
  --form-bg: rgb(23, 42, 69);
  --serviceDetails: rgb(17, 34, 64);
  --serviceBG: rgb(23, 42, 69);
  --blog-bg: rgb(17, 34, 64);
  --list-round-color: rgb(77, 157, 224); /* Cor de destaque para bullets de listas */
  --btn-bg-2: rgb(28, 71, 119); /* Fundo para botões secundários */
  --marquee-bg: rgb(10, 25, 47);
}