/* 
   ========================================================
   🤖 ROBOTERIA - DESIGN SYSTEM & CORES GLOBAIS
   ========================================================
   Você pode alterar diretamente as cores hexadecimais aqui.
   Como este arquivo é carregado por último, ele sobrescreve 
   automaticamente todas as cores do site!
*/

:root {
  /* 🔤 CORES DE FONTE E BORDAS GLOBAIS */
  /* (Substituem o verde escuro chato original #223c36 do Webflow) */
  --roboteria--text: #3466c6;
  /* Texto geral */
  --roboteria--border-light: rgba(255, 255, 255, 0.2);
  /* Linhas fracas */
  --roboteria--border-medium: rgba(255, 255, 255, 0.3);
  /* Linhas e bordas mais fortes */

  /* 🔵 AZUL INSTITUCIONAL (Fundo Principal, Identidade) */
  /* (Substitui o antigo verde floresta) */
  --color--green: #0a1f44;

  /* 🔷 AZUL NEON (Destaques tecnológicos, Hover, Interações) */
  /* (Substitui o antigo verde limão) */
  --color--light-green: #00aeef;

  /* 🟡 AMARELO / CTA (Botões principais, Destaques visuais) */
  /* (Substitui o antigo laranja) */
  --color--orange: #ffc72c;

  /* 🍓 MORANGO (Cores de Produto / Contraste Quente / FAQ) */
  --color--yellow: #8ed2ff;

  /* ⚫ DARK PREMIUM (Fundos de rodapé, Caixas profundas) */
  --base-color-neutral--black: #0b0b0b;
  --base-color-neutral--neutral-darker: #1a1a1a;

  /* ⚪ BRANCO BASE (Textos) */
  --base-color-neutral--white: #ffffff;
}