:root {
  --brand-lemon-lime: #C1F320;
  --brand-blue-zircon: #41FDFE;
  --brand-black-pearl: #001524;
}
:root {
  --background-colour: var(--brand-black-pearl);
  --primary-colour: var(--brand-blue-zircon);
  --background-highlight-colour: color-mix(in srgb, var(--brand-black-pearl), white 5%);
  --text-colour: white;
  --border-colour: color-mix(in srgb, var(--brand-black-pearl), white 15%);
  --white: color-mix(in srgb, var(--brand-black-pearl), white 5%);
}
:root {
  --header-background-colour: var(--background-highlight-colour);
  --menu-background-colour: var(--background-highlight-colour);
}
.popup-content {
  background-color: var(--background-highlight-colour);
}
/*
    Any styles to override auth pages would go here.
*/
.auth-body-container {
  --white: color-mix(in srgb, var(--brand-black-pearl), white 5%);
}