/* Definição de Cores da Marca */
:root {
  --brand-blue: #00A8E8;
  --brand-light-blue: #E6F6FF;
  --brand-red: #FF4B4B;
  --brand-gray: #F4F6F8;
  --brand-dark-gray: #333333;
}

/* Utilitários de Cores de Fundo */
.bg-brandBlue {
  background-color: var(--brand-blue) !important;
}

.bg-brandLightBlue {
  background-color: var(--brand-light-blue) !important;
}

.bg-brandRed {
  background-color: var(--brand-red) !important;
}

.bg-brandGray {
  background-color: var(--brand-gray) !important;
}

.bg-brandDarkGray {
  background-color: var(--brand-dark-gray) !important;
}

/* Utilitários de Cores de Texto */
.text-brandBlue {
  color: var(--brand-blue) !important;
}

.text-brandLightBlue {
  color: var(--brand-light-blue) !important;
}

.text-brandRed {
  color: var(--brand-red) !important;
}

.text-brandGray {
  color: var(--brand-gray) !important;
}

.text-brandDarkGray {
  color: var(--brand-dark-gray) !important;
}

/* Utilitários de Bordas e Gradientes */
.border-brandBlue {
  border-color: var(--brand-blue) !important;
}

.from-brandBlue {
  --tw-gradient-from: var(--brand-blue) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(0 168 232 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-from), var(--tw-gradient-to)) !important;
}