/*
  PALETA CENTRAL - LP SEGURO CONDOMÍNIO

  Identidade visual adaptada ao azul institucional da Alicerce Seguros.

  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: #1F1F5D;

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

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

  /* Azul mais escuro no formato RGB. */
  --color-primary-deep-rgb: 23, 22, 66;


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

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

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

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


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

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

  /* Azul de destaque no formato RGB. */
  --color-accent-rgb: 65, 65, 141;

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


  /* =========================================================
     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: #F6F6FA;

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

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

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


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

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

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

  /* 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: #DCDCEC;

  /* Cor-base das sombras no formato RGB. */
  --color-shadow-rgb: 31, 31, 93;
}