/*
  PALETA CENTRAL - LP SEGURO CONDOMÍNIO

  Identidade visual baseada na logomarca enviada.

  Todo o site utiliza os tons azuis da identidade visual.

  Os botões de ação permanecem com as cores originais
  do projeto: verde-azulado e laranja.
*/

:root {

  /* =========================================================
     CORES PRINCIPAIS DA IDENTIDADE VISUAL
     ========================================================= */

  /* Azul principal.
     Usado em cabeçalho, títulos, ícones e elementos institucionais. */
  --color-primary: #2A3B6F;

  /* Azul principal no formato RGB.
     Utilizado em sombras, transparências e fundos com opacidade. */
  --color-primary-rgb: 42, 59, 111;

  /* Azul mais escuro.
     Usado em rodapé, fundos escuros e áreas de maior contraste. */
  --color-primary-deep: #1F2D57;

  /* Azul mais escuro no formato RGB. */
  --color-primary-deep-rgb: 31, 45, 87;


  /* =========================================================
     CORES SECUNDÁRIAS DA IDENTIDADE VISUAL
     ========================================================= */

  /* Azul claro.
     Usado em detalhes, ícones, elementos decorativos e áreas de apoio. */
  --color-secondary: #728FC7;

  /* Azul claro no formato RGB.
     Utilizado em transparências e sombras suaves. */
  --color-secondary-rgb: 114, 143, 199;

  /* Azul médio.
     Usado em hover, bordas destacadas e elementos secundários fortes. */
  --color-secondary-deep: #3D57A5;


  /* =========================================================
     COR DE DESTAQUE DA IDENTIDADE VISUAL
     ========================================================= */

  /* Azul médio de destaque.
     Usado em marcadores, números, selos e detalhes institucionais. */
  --color-accent: #3D57A5;

  /* Azul de destaque no formato RGB. */
  --color-accent-rgb: 61, 87, 165;

  /* Azul mais escuro para hover e efeitos de destaque. */
  --color-accent-deep: #2F478C;


  /* =========================================================
     CORES ORIGINAIS DOS BOTÕES DE AÇÃO
     ========================================================= */

  /* Botão principal verde-azulado.
     Mantém a cor original do projeto. */
  --color-button-primary: #16857A;

  /* Botão principal no formato RGB.
     Usado na sombra e em efeitos de transparência. */
  --color-button-primary-rgb: 22, 133, 122;

  /* Hover do botão principal verde-azulado. */
  --color-button-primary-hover: #0C625B;

  /* Botão de destaque laranja.
     Mantém a cor original do projeto. */
  --color-button-accent: #F0A33B;

  /* Botão laranja no formato RGB. */
  --color-button-accent-rgb: 240, 163, 59;

  /* Hover do botão de destaque laranja. */
  --color-button-accent-hover: #D78314;


  /* =========================================================
     WHATSAPP, SUCESSO E ERRO
     ========================================================= */

  /* Cor do botão do WhatsApp. */
  --color-whatsapp: #25D366;

  /* Hover do botão do WhatsApp. */
  --color-whatsapp-hover: #1EAD53;

  /* Cor utilizada em confirmações e mensagens de sucesso. */
  --color-success: #2E7D5B;

  /* Cor utilizada em erros, alertas e campos inválidos. */
  --color-danger: #B83B42;


  /* =========================================================
     CORES DE FUNDO
     ========================================================= */

  /* Fundo principal da página. */
  --color-bg: #FFFFFF;

  /* Fundo azul muito suave.
     Usado para alternar seções da página. */
  --color-bg-soft: #F5F7FC;

  /* Fundo azul-claro.
     Usado em caixas, formulários e blocos informativos. */
  --color-bg-muted: #E8EEF8;

  /* Fundo dos cards e elementos elevados. */
  --color-surface: #FFFFFF;

  /* Fundo escuro de seções especiais. */
  --color-surface-dark: #2A3B6F;


  /* =========================================================
     CORES DE TEXTO
     ========================================================= */

  /* Cor principal dos textos. */
  --color-text: #243454;

  /* Cor dos textos secundários, descrições e observações. */
  --color-text-soft: #5E6B89;

  /* Cor dos textos aplicados sobre fundos escuros. */
  --color-text-light: #FFFFFF;


  /* =========================================================
     BORDAS E SOMBRAS
     ========================================================= */

  /* Cor das bordas de cards, caixas e campos de formulário. */
  --color-border: #D6E0F0;

  /* Cor-base das sombras no formato RGB. */
  --color-shadow-rgb: 42, 59, 111;
}