/* minimum rules to properly display splash / theme during app load */
:root {
  --background-800: hsla(230, 32%, 100%, 1);
  --card-bg: var(--background-800);

  --background-500: hsla(230, 33%, 97%, 1);
  --text-primary: hsla(230, 25%, 10%, 1);

  --splash-gradient: transparent;
  --splash-background-color: var(--background-500);
}

html {
  background-color: white;
}

body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}