/** CSS COLOR */
:root {
  /* Base */
  --incrivel-bg: #222c36 !important;
  --incrivel-border: #40505e !important;
  --incrivel-bgColor: #f4f6f8 !important;
  --incrivel-bgLink: #ffffff !important;
  --incrivel-bgLinkHover: #5ae585 !important;
  --incrivel-rgba: 255, 255, 255 !important;
  --incrivel-rgbaInvert: 0, 0, 0 !important;
  --incrivel-rgbaGlass: rgba(255, 255, 255, 0.06) !important;

  /* Superfícies */
  --incrivel-papel: #222c36 !important;
  --incrivel-tinta: #f4f6f8 !important;
  --incrivel-superficie-0: #222c36 !important;
  --incrivel-superficie-1: #161d23 !important;
  --incrivel-superficie-2: #212b35 !important;
  --incrivel-superficie-3: #2e3944 !important;
  --incrivel-trilha: #5ae585 !important;

  /* Texto */
  --incrivel-texto-forte: #ffffff !important;
  --incrivel-texto: #f4f6f8 !important;
  --incrivel-texto-suave: #c8ced6 !important;
  --incrivel-texto-fraco: #919dab !important;
  --incrivel-texto-invertido: #161d23 !important;

  /* Bordas */
  --incrivel-borda-sutil: rgba(255, 255, 255, 0.08) !important;
  --incrivel-borda-media: rgba(255, 255, 255, 0.18) !important;
  --incrivel-borda-forte: rgba(255, 255, 255, 0.34) !important;

  /* Campos */
  --incrivel-formBg: #212b35 !important;
  --incrivel-formBgHover: #2e3944 !important;
  --incrivel-formBgHoverColor: #ffffff !important;
  --incrivel-formBorder: #40505e !important;
  --incrivel-formColor: #ffffff !important;
  --incrivel-campo-bg: #212b35 !important;
  --incrivel-campo-bg-foco: #2e3944 !important;
  --incrivel-campo-borda: #40505e !important;
  --incrivel-campo-borda-foco: #5ae585 !important;
  --incrivel-campo-texto: #ffffff !important;
  --incrivel-campo-texto-foco: #ffffff !important;
  --incrivel-campo-placeholder: #919dab !important;

  /* Cards e modais */
  --incrivel-cardBg: #161d23 !important;
  --incrivel-cardColor: #f4f6f8 !important;
  --incrivel-cardLink: #ffffff !important;
  --incrivel-modalBg: #161d23 !important;
  --incrivel-modalBorder: rgba(255, 255, 255, 0.1) !important;
  --incrivel-modalColor: #f4f6f8 !important;

  /* Cor primária e secundária */
  --incrivel-primaria: #000000 !important;
  --incrivel-primariaHover: #171717 !important;
  --incrivel-primariaColor: #ffffff !important;
  --incrivel-primariaLink: #ffffff !important;
  --incrivel-primariaLinkHover: #d2f8ce !important;
  --incrivel-primariaDarken: #222c36 !important;
  --incrivel-primariaDarkenColor: #f4f6f8 !important;
  --incrivel-primariaDarkenLink: #ffffff !important;
  --incrivel-primariaDarkenLinkHover: #5ae585 !important;
  --incrivel-primaria-suave: #2e3944 !important;
  --incrivel-on-primaria: #ffffff !important;
  --incrivel-secundaria: #178751 !important;
  --incrivel-on-secundaria: #ffffff !important;

  /* Estados e ação principal */
  --incrivel-sucesso-base: #178751 !important;
  --incrivel-sucesso: #5ae585 !important;
  --incrivel-sucesso-suave: #183c2c !important;
  --incrivel-aviso-base: #d4a437 !important;
  --incrivel-aviso: #f5d77e !important;
  --incrivel-aviso-suave: #3b321e !important;
  --incrivel-erro-base: #d23132 !important;
  --incrivel-erro: #ff8585 !important;
  --incrivel-erro-suave: #402426 !important;
  --incrivel-info-base: #2496d4 !important;
  --incrivel-info: #7bc9f2 !important;
  --incrivel-info-suave: #203847 !important;
  --incrivel-cta-bg: #178751 !important;
  --incrivel-cta-color: #ffffff !important;
  --incrivel-cta-brilho: rgba(23, 135, 81, 0.3) !important;

  /* Overlay e foco */
  --incrivel-overlay: rgba(0, 0, 0, 0.72) !important;
  --incrivel-vidro: rgba(255, 255, 255, 0.06) !important;
  --incrivel-foco-anel: 0 0 0 3px rgba(90, 229, 133, 0.42) !important;

  /* Tokens de cor dos componentes exibidos na referência */
  --pb-track-bg: #5ae585;
  --pb-fill-bg: #178751;
  --pb-nivel-baixo: #178751;
  --pb-nivel-medio: #178751;
  --pb-nivel-alto: #178751;
  --pb-label-fill-color: #ffffff;
  --pb-label-track-color: #ffffff;

  --ve-card-bg: #000000;
  --ve-card-color: #ffffff;
  --ve-num-color: #ffffff;
  --ve-label-color: #ffffff;
  --ve-pop-card-bg: #c8f9ca;
  --ve-pop-num-color: #161d23;
  --ve-pop-label-color: #161d23;
  --ve-badge-bg: #178751;
  --ve-badge-color: #d2f8ce;
  --ve-item-active-bg: #178751;
  --ve-item-active-color: #ffffff;
  --ve-item-active-label-color: #ffffff;

  --tp-bg: #161d23;
  --tp-livre-bg: #161d23;
  --tp-color: #f4f6f8;
  --tp-chip-bg: #919dab;
  --tp-chip-color: #ffffff;
  --tp-livre-chip-bg: #919dab;
  --tp-status-color: #f4f6f8;
  --tp-ganho-bg: #178751;
  --tp-ganho-color: #ffffff;
  --tp-nome-color: #ffffff;
}