:root {
  --color-primary: #9676BC;
  --color-primary-dark: #33374e;
  --color-primary-yellow: #FCC623;
  --color-eggshell: #F0EAD0;
  --color-eggshell2: #ffe8d6;
  --color-beige: #CFBAEB;
  --color-black: #000000;
  --color-red: #d32f2f;
  --color-white: #ffffff;
  --color-cream: #D0B9EB;
  --color-creambeige: #ffcb736e;

  --brand-accent: var(--color-primary);
  --brand-accent-strong: var(--color-primary-dark);
  --brand-surface-tint: var(--color-creambeige);
}

.brand-logo {
  max-width: 180px;
  height: auto;
}

#loading-text,
#loaderText {
  color: var(--brand-accent);
}

.gsi-material-button,
.nuButton,
button[type="submit"] {
  accent-color: var(--brand-accent);
}