:root {
  --color-blue-100: #90D5FF;
  --color-blue-200: #57B9FF;
  --color-blue-300: #77B1D4;
  --color-blue-400: #517891;

  --primary-bg: var(--color-blue-200);
  --primary-btn: var(--color-blue-400);
  --primary-btn-hover: var(--color-blue-300);
  --modal-bg: var(--color-blue-100);
  --text-on-primary: #fff;
}