:root {
  --brand-primary: #0085ca;
  --brand-accent: #000000;
  --brand-accent-text: #ffffff;
  --footer-background-color: #0085ca;
  --brand-primary-dark: color-mix(in srgb, var(--brand-primary), black 15%);
}

mat-toolbar .logo,
mat-toolbar .toolbar__logo {
  height: 100%;
  width: 310px !important;
}

.lets-go-section-button,
.login-button,
.login-button:disabled,
.register-button,
.register-button:disabled {
  background-image: linear-gradient(to bottom, var(--brand-primary), var(--brand-primary-dark)) !important;
}